自学前端第三天

css初体验

书写步骤：1.在head 标签中title下写一个style包裹所有样式代码。2.先写一个选择器 ，可使用标签选择器，即p、h1等，并在后面加上大括号，结构为：p{ }; 3.在大括号中书写需要的样式即可。

css引入方式：1.内嵌式；2.外联式；需要使用link标签引入样式表文件3.行内式 （在书写宽高、字号等样式时需要加上px单位，不然样式会不生效）

选择器类型：

标签选择器：即p、h1等，并在后面加上大括号，结构为：p{ }

类选择器：在标签中先增加class属性，设置类名，在style中使用.类名的形式使用类选择器(最为常用)

id选择器：在标签中先增加id属性，设置id名，在style中使#类名的形式使用

通配符选择器：*{}；

常用样式属性

font-size 字体大小 （默认16px） font-weight 字的粗细（ 400 不加粗 700加粗 ）font-style是否倾斜 (italic 倾斜 normal 不倾斜)

font-family 字体 windows字体默认为微软雅黑，（设置字体时要设置多个字体，用户pc可能没有设置的字体，设置多个可以让程序自动选择用户有的字体。）

复合属性：font: style weight size family; 可省略前两个；

文本缩进 text-indent 缩进两个字符（32px/2em) 下划线text-decoration :underline 删除线 下划线text-decoration :line-through 去除超链接下划线 text-decoration :none

文本水平对齐方式：text-align:center;

标签居中：margin:0 auto;

行高：例：line-height:30px;line-height:2;