前端学习

①给html标签设置样式

②css写在style标签里面，而style写在head里的title下面（内嵌式）

③style里面装选择器，比如润色body里的p标签，那么css的{}外也是p

内嵌式：写小案例（上面的那种，写在style标签中）

外联式：项目（单独写在.css文件中，需要通过link标签在网页中引入）

在html中的title下面加：

行内式（写在body中某标签的style属性中；之后会配合js使用）

标签选择器（所有标签名一样的，美化格式也都一样）

标签名{属性名：属性值}

若出现这种情况会显示蓝色，因为基于css的层叠属性，最下面的才生效

类选择器（解决标签选择器的缺点）

注意：一个标签可以加多个类名，类之间用空格隔开

id选择器（表面和类选择器一样，但实际作用不是美化 而是配合js的）

把刚才的.换成#就可以了

注意：一个标签上只有一个id属性值（一个id选择器只能选中一个标签）

通配符选择器（同时增加所有 标签的同一样式；去除标签默认的margin和padding）

*{属性名：属性值}

*里面的属性，会决定body里所有标签

字体大小 ( font-size：30px; )

        谷歌默认为16px大小

字体粗细 ( font-weight：700; )

        normol=400、bold=700，比较常用数字（html里的strong或b标签）

字体倾斜 ( font-style：italic; )

        normal为正常，italic为倾斜（html里的em或i标签）

字体 (font-family：字体名)

        win默认微软雅黑、max默认苹方

        分为：无衬线字体sans-serif（横平竖直）、衬线字体serif（有笔峰）、

                   等宽字体monospace（每个字等宽、代码体）

复合属性：以上各种属性可以简写为这样：font:style weight size/line-height family

                （用空格隔开 、有顺序要求、size和行高之间就是/）

                  style和weight可以省略

文本缩进：text-indent

（由于字号不定，所以可以用em代替，em为一个字的大小）

文本水平对齐方式：text-align（文本、span超链接、a、input、img都可以）

左对齐left（默认左对齐）、right右对齐

center居中对齐

文本修饰：text-decoration

下划线underline、删除线line-through、上划线overline、

无装饰线none（清除超链接标签的默认下划线）

行高：line-height：数字px

           line-height：数字

控制两行文字之间的距离（数字px为一行的高度；仅有数字代表是字本身高度的倍数）

右键->检查

常用rgba表示法（红绿蓝+透明度0-1）、十六进制表示法

margin: 0 auto;（在{}里的最后一行写。就代表这个{}居中）

margin复合属性