每日面试题复习--css
CSS篇5
接上
京东CSS初始化方案
* {
margin: 0;
padding: 0;
}
em,i {
font-style: normal;
}
li {
list-style: none;
}
img {
border: 0;
vertical-align: middle;
}
button {
cursor: pointer;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #c81623;
}
button,
input {
font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}
body {
-webkit-font-smoothing:antialiased;
background-color: #fff;
font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
color: #666;
}
.hide,.none {
display: none;
}
/* 伪元素清除浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0;
}
.clearfix {
*zoom: 1
}
总结:
1.清除body,div,p,img等标签的默认内外行距
2.清除列表的圆点等样式
3.清除a链接的下划线样式
4.设置表格边框合并
5.设置body,标题和常见通用标签的样式
6.一些盒子需要设置为border-box变异模型
7.设置通用类名和父类名等的基本样式
8.设置按钮样式,给按钮添加小手
9.设置html默认白色背景,黑色字体以及默认字体大小等
暂时想起来这么多。
备注:由于自己整理便于复习,可能会有错误。
接上
京东CSS初始化方案
* {
margin: 0;
padding: 0;
}
em,i {
font-style: normal;
}
li {
list-style: none;
}
img {
border: 0;
vertical-align: middle;
}
button {
cursor: pointer;
}
a {
color: #666;
text-decoration: none;
}
a:hover {
color: #c81623;
}
button,
input {
font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}
body {
-webkit-font-smoothing:antialiased;
background-color: #fff;
font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
color: #666;
}
.hide,.none {
display: none;
}
/* 伪元素清除浮动 */
.clearfix:after {
visibility: hidden;
clear: both;
display: block;
content: ".";
height: 0;
}
.clearfix {
*zoom: 1
}
总结:
1.清除body,div,p,img等标签的默认内外行距
2.清除列表的圆点等样式
3.清除a链接的下划线样式
4.设置表格边框合并
5.设置body,标题和常见通用标签的样式
6.一些盒子需要设置为border-box变异模型
7.设置通用类名和父类名等的基本样式
8.设置按钮样式,给按钮添加小手
9.设置html默认白色背景,黑色字体以及默认字体大小等
暂时想起来这么多。
备注:由于自己整理便于复习,可能会有错误。
全部评论
相关推荐
昨天 17:05
辽宁大学 营销 点赞 评论 收藏
分享

点赞 评论 收藏
分享