选择器:id选择器 类选择器 元素选择器
符合选择器:并列选择器 子孙选择器 孩子选择器
通配符选择器: *{.....}
伪类选择器:
通过伪类选择器对一个元素的不同状态进行不同的处理:
写法必须 link-visited-hover-active 顺序
css这常见的属性(attribute)
1)css中的属性一来随着标准在不断变化,二来数量特别多(至少几百个)。全部学完是不现实的
2)MDN (或者其他网站上大多提供了css属性的解释),随时可以查阅即可
3)这些属性基本是见名知意的,
4)多看别人如何使用,去做进一步学习
学习期间常见的属性:
font-family 字体类型 font-size 大小
font-weight 字体加粗 font-style 字体风格
color 字体颜色 表现方式1(直接写颜色英语)2(以RGB形式写其中有(函数式,16进制式,16进制缩写版本))
文本的水平方向对齐方式(text-align) 和 文本添加下划线,中划线和上划线 (text-decoration)文本缩进(text-indent)文本行高(line-hight)
背景相关: 背景颜色 background-color 背景图片 background-image :(URL);
背景平铺 background-repeat:方法;
背景显示位置 background-position:
盒模型
布局 和 弹性布局
由于需要大量修改css每次 修改 重启 idea 刷新网页非常麻烦
总结CSS:
1.基本运行机制: 选择器选中元素 , 运行规则
2.继承性:父结点的某些属性会影响它的子孙
3.层叠性;最终显示是类似图层的概率,离树的根越近,越靠近显示的底层,越容易被上遮挡
4.引入方式:越精准越优先;越靠后越优先
6.选择器:
基本的: 元素 id 类选择器
复合的:并关系,或关系,子孙关系,孩子,伪类
7.盒模型(主要针对块级元素)
外间距,边框,内边框,内容,宽,高
默认:宽由父元素决定 高由子元素撑开
8.块级元素 vs 内联元素(知道有区别即可,具体区别不用特别记忆)
9.弹性布局
主轴(默认是水平方向)辅助轴(默认是垂直方向)
父元素设置 display:flex 影响孩子元素
justify-content:影响主轴
align-items:影响辅助轴