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
网友评论