87 lines
1.4 KiB
Plaintext
87 lines
1.4 KiB
Plaintext
1: css 三种写法
|
||
|
||
1：写在单独的css文件中 （外链css）
|
||
2：x写在标签中 （内部css）忘记。。。。
|
||
3：写在 head 里面 （内链css）
|
||
|
||
2：css 的语法规则
|
||
|
||
选择器类型 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
3：选择器
|
||
|
||
1：标签选择器
|
||
|
||
标签名,标签名 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
|
||
2：类(class)选择器（.）
|
||
|
||
.类名,.类名 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
3：id选择器（#）
|
||
|
||
#id名,#id名 {
|
||
属性名: 属性值;
|
||
}
|
||
|
||
class 和 id 选择器主要区别：
|
||
|
||
1：id选择器定义的名称默认是唯一的
|
||
2：id选择器主要结合js使用
|
||
|
||
4: 伪类选择器
|
||
nth-child
|
||
first-child
|
||
last-child
|
||
|
||
hover
|
||
focus
|
||
selection
|
||
before
|
||
after 用来绘制横线，图标等一些细节性的东西，在不影响网页布局的情况下实现细节
|
||
|
||
5: 通配符 *
|
||
|
||
|
||
6: 父子关系的表示
|
||
1：xxx xxx
|
||
2: xxx > xxx
|
||
|
||
同级关系的表示
|
||
1: +
|
||
|
||
7: css 样式应用的优先级（权重）
|
||
|
||
最后的css样式会覆盖前面的，后面权重 最高。
|
||
|
||
!important 会改变权重
|
||
|
||
|
||
3月11号：
|
||
|
||
1: 实现task中的纯html结构布局
|
||
2: 把今天内容练到熟练，明天提问
|
||
|
||
3月12号：（如果时间足够的话）
|
||
|
||
提前预习css更多属性
|
||
|
||
地址：http://css.doyoe.com/
|
||
|
||
字体，
|
||
文本，
|
||
颜色，
|
||
|
||
3月13号
|
||
|
||
盒子模型，
|
||
定位，
|
||
|