1、CSS是网页的美容师
没有不好看的页面,只有不会用CSS的前端
2、CSS语法规则
层叠样式表Cascading Style Sheets
h1 选择器 { color:red; 属性:值;}
<style type="text/css"> p {color: red; font-size: 25px;}</style>
3、font-size:字号大小
em相对于当前对象内文本的字体尺寸
px 像素、最常见、推荐使用
in 英寸 cm 厘米 mm毫米 pt 点
3.1、font-family:字体
浏览器默认宋体,"汉字"
- 现在网页中普遍使用14px
- 尽量使用偶数的数字字号,ie6等老式浏览器支持奇数会有bug
- 各个英文字母之间用逗号隔开,
p{font-family: "Microsoft Yahei",tahoma,arial;}
- 中文字体需要加英文状态下的引号,英文字体一般不需要加引号,当需要设置英文字体时,英文字体名必须位于中文字体名之前。
- 如果字体名中包含空格,#$等符号,则该字体必须加英文状态下的单引号或双引号,例如
font-family: "Times New Roman";
- 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示
3.2、CSS Unicode字体
不需要记忆,需要时查表就行
escape("字体名")方法可以转换出Unicode字体编码
3.3、font-weight:字体
font-weight:bold; font-weight:700;
效果一样推荐用数字的
normal 正常字体 400 bold 粗体 700
让strong字体不加粗strong{ font-weight: normal;}
3.4、font-style:字体风格
normal正常 italic斜体
em 也可以倾斜
3.5、font 连写综合设定
按顺序书写,属性之间用空格隔开
{ font: style weight size/line-height family; }
size family 这两个必须要写
4、开发者工具Chrome
Ctrl+Shift+i
Ctrl+Shift+c