|
问题：需要配合 宽度 或者 zoom 兼容IE6 IE7；
overflow: hidden;
*zoom: 1;
- 1、px像素。绝对单位，像素px是相对于显示器屏幕分辨率而言的，是一个虚拟单位。是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI。
- 2、em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对浏览器的默认字体尺寸。它会继承父级元素的字体大小，因此并不是一个固定的值。
- rem是CSS3新增的一个相对单位(root em,根em),使用rem为元素设定字体大小事，仍然是相对大小但相对的只是HTML根元素。
- 4、区别：IE无法调用那些使用px作为单位的字体大小，而em和rem可以缩放，rem相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器已支持rem。
- 1、颜色：新增RGBA、HSLA模式
- 2、文字阴影(text-shadow)
- 3、边框：圆角（border-radius）边框阴影：box-shadow
- 4、盒子模型：box-sizing
- 5、背景：background-size设置背景图片的尺寸，background-origin设置背景图片的原点，background-clip设置背景图片的裁剪区域，以“，”分隔可以设置多背景，用于自适应布局
- 6、渐变：linear-gradient、radial-gradient
- 7、过渡：transition可实现动画
- 8、自定义动画
- 9、在CSS3中唯一引入的伪元素是::selection
- 10、多媒体查询、多栏布局
- 11、border-image
- 12、2D转换：transform:translate(x,y)rotate(x,y)skew(x,y)scale(x,y)
- 13、3D转换
- Alt当图片不显示时，用文字代表
- Title为该属性提供信息
- Reset重置浏览器的css默认属性，浏览器的品种不同，样式不同，然后重置，让他们统一。
- css 精灵图，把一堆小的图片整合到一张大的图片（png）上，减轻服务器对图片的请求数量。
- css精灵 把一堆小的图片整合到一张大的图片上，减轻服务器对图片的请求数量
- css sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用css的"background-image","background-position"的组合进行背景定位，这样可以减少。
- 很多图片请求的开销，因为请求耗时比较长；请求虽然可以并发，但是如果请求太多会给服务器增加很大的压力。
- 就是让浏览器更好的读懂你写的代码，在进行HTML结构、表现、行为设计时，尽量使用语义化的标签，使程序代码简洁明了，易于进行web操作和网站SEO，方便团队的一种标准，以图实现一种“无障碍”的web开发。
- display:none;使用该属性后，HTML元素（对象）的宽高，高度等各种属性值都将“丢失”；
- visibility:hidden;使用该属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍然具有高度，宽度等属性值。
p{
color:green;
*color:blue;
_color:black;
}
- 结构层、表示层、行为层
- 结构层（structural layer）：由HTML或XHTML之类的标记语言负责创建。
- 表示层（presentation layer）:由css负责创建。
- 行为层（behaviorlayer）:负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。
- 1、map+area或者svg
- 2、border+radius
- 3、纯js实现需要求一个点在不在圆上简单算法，获取鼠标坐标等等
- 1、有两种：IE盒子模型、W3c盒子模型
- 2、盒模型：内容(content)、填充(padding)、边界(margin)、边框(border)。
- 3、区别：IE的content部分把border和padding计算了进去
- 文件合并
- 文件最小化/文件压缩
- 使用CDN托管
- 缓存的使用
- IE8以下浏览器的盒模型中定义的元素的宽高不包括内边剧和边距
- 1、双边距BUG float引起的 使用display
- 2、3像素问题使用float引用的使用display:inline -3px;
- 3、超链接hover后点击失效，使用正确的书写顺序 link visited hover active
- 4、le z-index问题给父级添加position:relative
- 5、png 透明使用js代码改
- 6、min-height最小高度 ！important解决
- 7、select 在ie6下遮盖 使用iframe嵌套
- 8、为什么没有办法定义1px左右的宽度器（IE6默认的行高造成的，使用over:hidden,zoom:0.08,line-height:1px）
- css选择符：类选择器、标签选择器、ID选择器、后代选择器（派生选择器）、群组选择器
- 可以继承：类选择器、标签名选择器、后代选择器（派生选择器）、群组选择器
- 优先级算法：
- 标签内直接定义：1000
- ID选择器：100
- 类选择器：1
- 内联和important中，important优先级高
（编辑：核心网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
