css基础

  
css(层叠样式表) 
HTML为网页结构，css网页化妆师
css三种写法（行内样式，行间样式，外部样式）

  
css选择器
class选择器（通过标签的class属性一处定义可以多处使用）
id选择器（id唯一）
群组选择器（群组选择器是可以同时选择多个标签的选择器）
层次选择器（子代 后代 相邻 兄弟四种）
​
选择器优先级：
id选择器>class选择器>元素选择器
​

  
字体 文本
font-family 字体
font-size 字体大小
font-style 字体样式
font-weight 字体粗细
font-variant 字体大小写
font 符合样式
​
常用样式
text-align 对齐方式
text-ident 首行缩进
text-decoration 文本线
letter-spacing 字距
word-spacing 词距
line-height 行高
​

  
背景
background-color  背景颜色
background-image  背景图片
background-repeat 背景铺盖
background-size 背景大小
background-position 背景定位
background 复合样式 （color image repeat position）
​

  
伪类选择器
link 未访问过的样式
hover 划过的样式
visited 访问过后的样式
activate 激活的样式

  盒子模型（内容、内边距、边框、外边距）
什么是盒子模型：
    可以把页面上的每个元素看成一个盒子，这是一个抽象的概念
border 复合样式
border-color 边框颜色
border-width 边框宽度
border-style 边框样式
border-bottom 下边框
border-top 上边框
border-right 右边框
border-left 左边框
padding-top 上内边距
padding-right 右内边距
padding-left 左内边距
padding-bottom 下内边距

  
浮动与定位
浮动，其实就是让元素脱离正常的文档流
定位，就是将元素定在网页中的任意位置
定位（静态定位 相对定位 绝对定位 固定定位）
静态定位：默认值
相对定位：不会脱离文档流
以自身元素为参考
可以给 top/right/bottom/left
绝对定位：脱离文档流
默认以整个文档为参考，
有定位父级，则父级参考
可以给top/right/bottom/left
绝对定位：脱离文档流
默认以窗口为参考，
可以给top/right/bottom/left
窗口滚动，依然不会变
​

 

转载于:https://www.cnblogs.com/gkl123/p/9788539.html