CSS
Tyrics
这个作者很懒,什么都没留下…
展开
-
BFC(Block Formatting Context)块级格式化上下文
Formatting Context 在了解BFC之前,首先要了解下Formatting Context。 Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context ...原创 2019-04-22 20:29:25 · 277 阅读 · 0 评论 -
清除内部浮动的常用方法
使父元素触发形成BFC(Block Formatting Context),最常见的就是设置overflow: hidden; afeter伪元素清除浮动 .clearfix::after { display: block; content: "."; clear: both; visibility: hidden; ...原创 2019-04-22 20:53:20 · 279 阅读 · 0 评论 -
元素的显示与隐藏
设置元素显示与隐藏的常用属性 display 显示方式 none元素隐藏,且隐藏之后,不保留其位置 block元素作为块级元素显示 inline元素作为行级元素显示 inline-block元素作为行内块元素显示 不同元素的display默认值不一样,一般使用none和block进行元素显示与隐藏的切换 visibility 可见性 hidden元素不可见,不是隐藏,所以...原创 2019-04-22 21:21:29 · 580 阅读 · 0 评论 -
表单中常用的样式属性
outline 轮廓线 outline有四个子属性 outline-color:<color值>; outline-style:none| dotted(点)| dashed(虚线) | solid(实线) | double(双实线) | ···; outline-width:thin(细) | medium(默认) | thick(粗) | <length值>...原创 2019-04-22 22:15:09 · 270 阅读 · 0 评论 -
CSS选择器
选择器语法格式为 selector { attr1: value1; attr2: value2; attr3: value3; ..... } 要注意的书写规范:(只是规范) selector与{}之间要有一个空格 :与value值之间要有一个空格 这里只列举常用的 id选择器 选择id为idName的元素(元素的idName是唯一的,只能对应于文档中某一个具体的元...原创 2019-04-22 23:39:47 · 95 阅读 · 0 评论 -
CSS背景相关
background 背景 background-color: <color值> color值可以设置方式: 使用颜色名称,如red,green, skyblue等 使用十六进制,如#ccc, #e3e4e5等,推荐使用十六进制 使用rgb()或rgba()方式,如rgb(255,255,0), (rgba(255, 255, 0, .6)等,一般需要设置透明度就使用rgba方...原创 2019-04-23 13:59:36 · 158 阅读 · 0 评论