css引用方法
1. <div style="特征:属性；征:属性"><div>
2. css文件引用 <link rel="stylesheet" href="demo.css">
3. <head>
<style>... ...</style>
</head>
主要选择器
1. tag选择器 div{}
2. id选择器 #divID{}
3. class选择器 .divClass{}
注意:上诉选择器优先级 style属性>id>class>tag
其他选择器
//所有元素赋样式
*{
color: red;
}
//父节点下 所有子节点赋样式
.fatherClassName childTag{
}
//父节点下 仅下一级子节点赋样式
.fatherClassName>childTag{
}
//当前节点之后的节点赋样式
.className~.className{
}
伪类选择器
-
.ul-test li :hover :类名叫ul-test的标签下的子标签li进行筛选 选鼠标经过的li(:hover)
-
.ul-test li :active
-
.ul-test li :visited
常用样式
盒子模型
- 内边距 padding
- 外边距 margin（水平排列 边距相加/ 垂直排列 边距重叠）
- 边框 border
文本样式
- font
- font-family
- font-size
- font-weight
- ... ...
背景样式
- background
图片样式
布局样式
- 文档流
- 浮动 float
- 定位 position
- 盒子层次 z-index
- 呈现形式 display
- 表格线框
具体知识点就不展开了，比较无聊，不用记，只要知道有这些东西就行，用的时候网上查询，了解大概样式是哪个标签的哪个css属性影响即可。