CSS引入方式
css引入分为外部引入,内部引入,内联引入三种。
内联引入权重为1000.大于外部引入和内部引入的权重。
内部引入和外部引入的权重相同,所以这两个同时出现的情况下,后来者居上(即在头文件里出现的先后顺序)。
常见样式
背景
背景色:background-color
背景图:background-image:url(地址);
背景大小:background-size(contain代表长边占满父级, cover代表短边占满父级)
位置:background-position:_ _😭 第一个值是水平位置,第二个值是垂直位置,center为居中)
文本
文本水平居中:text-align:center;
整体透明:opacity:.3
当line-height=height时,文本垂直居中
字体颜色:
字体大小:font-size
常态字体16px,最小12px
行高,默认是字体大小的1.2倍数,字体是相对于行高来居中的,当不给高度的时候,是行高撑开了高度。
字体样式:font-family
字体粗细:font-weight(默认400,最大900,最小100)
字体间距:letter-spacing
常用选择器
通配选择器(匹配所有标签)
id
class
标签名
后代
群组选择器
子代选择器