题目:必要共同 宽度 可能 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优先级高
(编辑:湖南网)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|