HTML满足不了设计者的需求HTML操作属性不方便HTML里面添加样式带来的是臃肿和繁琐
CSS：层叠样式表 设置网页外观的样式
通过style的属性值来设置元素的样式
注意事项
style便是元素的属性属性与属性值之间用：相隔多组属性值之间用;相隔没有实现元素样式和结构相分离
将CSS代码写在之间 并用style标签定义
注意事项
type="text/css"可以省略只能控制当前页面没有彻底实现样式和结构相分离
将样式表放入一个或多个以。css扩展名的文件中 ，用link标签将样式表引入html文件中
作用：找到特定的页面HTML元素
优点： 能够快速为某一类元素设置样式
缺点： 不能设计差异化样式。
可为一个或某几个元素设置相同的样式 类名用英语表示，见命之意。
标签可以拥有多个类名，以达到更好的目的。类名之间用空格相隔开。
注意事项
ID选择器是唯一的，一个标签只能拥有一个id名id选择器和类选择唯一的区别在于使用次数上
样式
标签
选择页面中所有的标签设置相同的样式，建议轻易使用
作用：设置字号
注意事项
不同浏览器的默认字号都不一样，因此直接给body设置默认字体。
font-family:设置字体
注意事项
可以指定多个字体，字体之间用英文状态下逗号相隔英文的字体要用""包裹
font-weiht：字体粗细
注意事项
可以用HTML实现加粗效果 也可以用css实现 但没有语义
样式
font-style:字体倾斜
选择器 {font:font-style font-weight font-size/line-height font-family}
注意事项
不能省略font-size font-family两个属性
text-align:文本水平对齐方式
注意事项
是让盒子的内容水平居中 而不是让盒子水平居中
line-height:行高
一般情况下 行高比默认字体大7 8像素即可
text-indent:首行缩进 一般用em表示 1em等于一个汉字的宽度
text-decoration:文本装饰
f12ctrl+shift+I右击检查 即可打开
注意事项
左侧是结构 右侧是样式
|
