css初识

css样式设置的方法：

1.内部样式

2.行内样式

3.外部样式

字体样式属性

font-size：“字体大小”

font-family：“字体”

font-weight：“粗细”

font-style：“字体风格” italic斜体 oblique 倾斜

font:综合设置字体样式

基本语法：font:  font-style  font-weight  font-size/line-height  font-family;

使用font属性时，必须按照以上的语法顺序书写，各属性以空格隔开。

其中不需要的属性可以省略（取默认值），但必须保留font-size和font-family属性。

line-height ：行间距

color：颜色 单词/16进制/rgb/rgba/hsla h：色调0-360 s：饱和度 0-100% l：亮度 0-100% a：透明度 0-100%

text-indent: 首行缩进

text-align 水平对齐方式

text-indent 首行缩进

letter-spacing 文字间距

text-decoration: 上中下划线

underline

overline

line-through

基础选择器：

标签选择器p{} span{}

类别选择器 class{}

id选择器  #id{}

通配符选择器*{}

复合选择器：

交集选择器span.classname{}

并集选择器classname,classname{}

后代选择器 span  everychoose{}

子代选择器 div>p{}

伪类选择器：

:link{} 未访问的链接

:visited{} 已访问的链接

:hover{} 鼠标移动到链接上 可以在别的标签上使用

:active{} 选定的链接  也可以

尽量按照lvha顺序书写

text-deciration：no;清除a下划线

 清除列表前面的的点

list-style-type:none;

块转行内：display:inline

行内转块：display:block

块、行内元素转换为行内块：diaplay: inline-block;

选择器与{}之间要有空格，属性名：之间不要有空格，有多个选择器时选择器要在同一个位置，选择器的嵌套层级应不大于3，属性定义另起一行，

测试行高 line-height

background-color 背景颜色

background-image 背景图片地址 语法：url(“相对位置”)

background-repeat 是否平铺

background-position 背景位置 语法：左右上下；% 先左右后上下

background-attachment 背景固定还是滚动

background：背景颜色   背景图片地址   背景平铺   背景滚动   背景位置

border-style: solid 实线；dashed 虚线；dotted 点线；double 双实线

层叠性：一般情况下如果出现样式冲突会按照css书写顺序以最后的样式为准

继承性：子标签会继承父标签的某些样式

优先级：id选择器>类名选择器>标签.元素本身的选择器>继承.     行内元素>内部样式.！important大于一切