CSS3

CSS+CSS3教程
CSS参考手册

😋标签
block块级标签(div,p,li等)独占一行
能随时设置宽度和高度

inline行内标签(span,a,label等)多个行内标签能同时显示在一行
宽高取决于内容的尺寸

inline-block行内块级标签(input,button等)多个行内块级标签能同时显示在一行
能随时设置宽度和高度

可通过display属性修改标签的显示类型

🏃选择器
常用选择器标签选择 div{}
类选择 .high{}
id选择 #first{}
并列选择 div,.high{}
复合选择 div.high{}
后代选择 div p{}直接后代选择 div>p{}

相邻兄弟选择 div+p{}
属性选择 div[name]{}; div[name=‘xxx’]{};div[name][age]{};
伪类选择选择 :hover; :focus; :active; 等

选择器的优先级选择器的权值加到一起,大的优先;如果权值相同,后定义的优先选择器的权值
通配选择符(*):0
标签: 1
类: 10
属性: 10
伪类: 10
伪元素: 1
id: 100
important: 1000

important > 内联 > id > 类 > 标签 | 伪类 | 属性选择 > 伪元素 > 通配符 > 继承

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,773评论 19 139
  • 本文是针对刚学编程的小白,都是一些基础知识,如果想了解更多深层一点的东西,欢迎移步本人博客!! 博客地址 点击跳转...
    西巴撸阅读 3,342评论 0 0
  • CSS3简介 CSS3的现状 浏览器支持程度差,需要添加 私有前缀 ; 移动端支持优于PC端; 不断改进中; 应用...
    magic_pill阅读 4,258评论 0 1
  • 相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法........
    sandisen阅读 24,640评论 3 123
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 5,570评论 0 7