css复习

5.display
block块元素
inline 行内元素
inline-block 行内块元素
none 显示无元素
table 表格元素
list-item列表元素
flex 弹性元素
grids网格元素
行内元素和块元素区别
块元素 行内块元素
独占一行 不会独占一行
可以设置宽高 不能设置快高
自上而下排列 自左而右排列 自左而右排列

⼀、全局选择器
1.通配符:全局选择器就是通配符,通配符⽤于选择所有

⼆、基础选择器
元素选择器:选择全部标签
id选择器:选择⼀个标签
class选择器:选择⼀组标签
三、属性选择器
属性选择器:1. 通过标签的属性匹配元素。2.所有的属性选择器都以⽅括号开头

四、伪类选择器
伪类选择器的标志就是单冒号

五、伪元素选择器
伪元素选择器就是双冒号
六、组合选择器
组合选择器就是把上⾯这五类组合在⼀起使⽤。

分组选择器: 使⽤ 逗号 组合(匹配逗分隔的每⼀项)
后代选择器: 使⽤ 空格 组合(匹配当前元素的所有后代元素)
⼦元素选择器: 使⽤ > 组合(匹配当前元素的所有⼦元素)
相邻兄弟选择器: 使⽤ + 组合(匹配当前元素后⾯的兄弟元素)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.CSS定义 层叠样式表 网页实际上是一个多层的结构,通过CSS可以分别为网页的每一个层来设置样式,而最终我们能...
    seven_aefb阅读 109评论 0 0
  • 1、插入视频 var myVideo=document.getElementById("video1"); fun...
    徐薇薇阅读 506评论 0 9
  • CSS插入html方式 通过link插入 通过style标签插入 在标签的style上设置 CSS的语法 CSS的...
    颸下独角兽阅读 88评论 0 0
  • 不一定要记到繁多的样式。实际上只要通过辅助工具就可以了。样式规则选择器:HTML元素选择器Class选择器Id选择...
    200813阅读 388评论 0 0
  • css总结 复习参考:https://segmentfault.com/a/1190000013370170#it...
    Find_Your_Way阅读 204评论 0 0