css

css:字体样式,文本样式,颜色,背景,display属性,标准文档流,选择器

css引入方式1:行内式

　　引入方式2:head里写入

　　引入方式3:外部文件

　　他们的优先级:行内的>head里的=外部链接标签选择器

选择器:标签选择器,通过标签名直接选择到所有的标签,实际应用场景很少

　　　id选择器:

　　　类选择器:通过类名选择到对应的一类标签,不具备唯一性,优先级高于标签选择器

　　　通配符选择器:通过*选择到页面上所有的标签,实际用用场景少

　　　优先级:id>类>标签>*

进阶选择器:

　　后代选择器,通过至少一个空格,实现后代选择器效果

　　子代选择器,通过>找到所有的子代

　　所有兄弟选择器,通过~找到所有的兄弟,只要是同级都可被找到

　　向下相邻的弟弟选择器,通过+找到

组合选择器:仅仅通过逗号来组合起多个选择器,目的为了重用一些共有的css属性

标准文档流:空白折叠现象,自动空白换行,去除空格把代码中的空白区域删掉,不同类型的行内元素或者行内快元素对应的基准线不一致

颜色相关:颜色的设置:命名法

　　　　　　　　　　rgb(255,255,255)

　　　　　　　　　　#r16进制写法

　　　　　　　　　　rgba(255,255,255,透明度)

文本样式:对齐方式,text-align:left,center,right

　　　　首行缩进,text-index:px,也可以是em,em是一个相对单位,相对字体大小

　　　　单词之间的间距,word-spacing:100px,letter-spacing:中文之间的字间距,设置值可以使em或px

　　　　大小写转换,text-transform:lowercase小写,uppercase大写,capitalize首字母大写

　　　　文本的装饰,text-decoration:none清除a标签自带的下划线,line-through打折时候的那个原价删除线

　　　　文本的方向,direction:rtl,unicode-bidi,bidi:override实现文本方向的改变,默认从做到右

　　　　宽高,宽

高只能给行及标签设置,给行内标签设置没用,宽高还能给行内块