李牧子-CSDN博客

转载 css的伪元素::after和::before的使用

::after是一个CSS伪元素，使用::after，你可以从CSS里往页面上新增内容。虽然最终生成的东西并不是真正的DOM里的内容，但这些内容能像普通内容一样显示，基本下的效果是这样的：CSS代码div::after{content:"你好";}HTML代码你好::before跟::after完全类似，指示它插入的内容会出现在其他内容之前。这两者的区别

2016-04-26 22:35:33 2476

转载 HTML其实就是把页面的数据封装并加上标签

表头浏览器标题栏显示的内容有href和target属性，href指定网页中所有超链接的基本目录，target指定打开超链接的方式，如_blank为在新窗口中打开 name网页的描述信息，可以设置网页搜索的关键字keywords。http-equiv可以设置自动刷新如：meta http-equiv=”refresh” content=”3”;url=http:/

2016-04-09 23:19:59 1304

转载前端新人学习笔记

一： alt是给图片添加介绍，当图片没加载出来时，会直接显示alt的值,在搜索引擎搜索时也可以让搜索引擎更好的找到这张图。二：标签下载当href的值是一个文件名或者压缩包时就会直接出发浏览器的下载功能去下载这个文件。三：锚点，百度百科常用。点击a标签就会跳到对应id的位置。四：群组选择符

2016-04-07 22:51:59 336

原创 IE6下margin双倍边距Bug的处理办法

改了一天，我才发现了问题，除了IE6双倍边距之外，其他的浏览器都没有问题，为此改了无数次的代码。为了修复双倍边距bug，整理了一下的资料。一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用

2016-01-25 17:35:17 3248

原创移动端页面开发资源总结

工作了有一段时间，基本上都在搞前端的开发，由于公司的需要，加一个移动端，工作的过程中遇到过很多问题，bug的解决方案，记录下来，以便后用！！！内容并不是很全，以后每遇到一个问题都会总结在这里，分享给大家！一、meta标签相关知识1、移动端页面设置视口宽度等于设备宽度，并禁止缩放。2、移动端页面设置视口宽度等于定宽（如640px），并禁止缩放，常用于微信浏览器页面

2016-01-25 17:34:06 677

原创 IconFont的使用方法

IconFont的作用就是用字体格式来取代图片、特殊字体的展示，用的比较多的就是一些纯色的图片，具体主要有当前CSS3属性里的自定义字体（@font-face）来实现。1、先来说说它的优缺点：优点：体积比图片小，可以变化大小和颜色，而图片则是不可以的。缺点：由于是字体模式，所以只支持纯色，多颜色则是不支持、2、如何使用： 2.1、字体的格式，不同的浏览

2016-01-25 17:33:06 571

转载 display:inline、block、inline-block和none的区别

1、display：block就是将元素现实为块级元素：元素的特点是：总是在新行上开始；高度，行高以及顶部和的边距都可以控制；宽度缺省是它的容器的100%;除非设定一个宽度。,,,,和是块元素的例子。2、display：inline就是将元素显示为行内元素：元素的特点是：和其他元素都在一行上；高，行高及顶部和底边距不可改变；宽度就

2016-01-24 23:32:03 3229

sinat_16411539的博客