![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
xiongxiaolin123
这个作者很懒,什么都没留下…
展开
-
CSS-选择器(2)-伪类和伪元素
CSS-选择器(2)-伪类和伪元素::表示法是在CSS 3中引入的,::符号是用来区分伪类和伪元素的。支持CSS3的浏览器同时也都支持CSS2中引入的表示法: 。 IE8仅支持: 。1. 伪元素after: 在匹配元素的最后插入一个子元素before: 在匹配元素的最前面插入一个子元素placeholder: 控制placeholder的样式selection: 控制文本选中的样式,...原创 2020-02-07 23:24:23 · 165 阅读 · 0 评论 -
CSS-选择器(1)-基本
CSS-选择器(1)-基本1. 基本选择器1. 元素选择器 elementname(元素名称)2. 类选择器 .classname(类名)3. ID选择器 #idname(ID名)4. 通配选择器 *号(性能低,慎用)5. 属性选择器 [属性=值] 1. [[*attribute*\]](https://www.w3school.com.cn/cssref/selector_att...原创 2020-02-07 11:15:58 · 101 阅读 · 0 评论 -
CSS-视觉格式化模型
MDN:视觉格式化模型链接地址原创 2020-02-06 20:24:47 · 136 阅读 · 0 评论 -
CSS-可替换元素
CSS-可替换元素1. 概述 可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素是一种外部对象,它们外观的渲染,是独立于 CSS 的。 简单来说,它们的内容不受当前文档的样式的影响。CSS 可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。某些可替换元素,例如iframe元素,可能具有自己的样式表,但它们不会继承父文档的样式。 可替...原创 2020-02-06 20:22:14 · 300 阅读 · 0 评论 -
CSS-层叠上下文
CSS-层叠上下文文档中的层叠上下文由满足以下任意一个条件的元素形成:文档根元素(html);position 值为 absolute(绝对定位)或 relative(相对定位)且 z-index 值不为 auto 的元素;position 值为 fixed(固定定位)或 sticky(粘滞定位)的元素(沾滞定位适配所有移动设备上的浏览器,但老的桌面浏览器不支持);fle...原创 2020-02-06 17:29:49 · 133 阅读 · 0 评论 -
CSS-包含块
CSS-包含块1. 概述一个元素的尺寸和位置经常受其包含块的影响。大多数情况下,包含块就是这个元素最近的祖先[块元素](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Block-level_elements)的[内容区](https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Box_Mod...原创 2020-02-06 16:41:22 · 140 阅读 · 0 评论 -
CSS-盒模型
CSS-盒模型1. 概述 盒模型由四个部分组成:内容区域、内边距、边框、外边距。 四个区域相对应的是四个边界:内容边界、内边距边界、边框边界、外边框边界。 可通过box-sizing控制盒子区域。 除可替换元素外,对于行内元素来说,边框和内边距仍会显示再内容周围。...原创 2020-02-06 12:13:43 · 88 阅读 · 0 评论 -
CSS-块格式化上下文
CSS-块格式化上下文1. 概述 块格式化上下文(Block Formattiong Context, 简称BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 一个独立的BFC会包含所有内部的子元素,不会影响其他元素的布局和交互。 基于同一个BFC内的子元素,子元素两者间会发生外边距上下折叠情况,避免此情况的其中一个方法...原创 2020-02-06 11:20:59 · 173 阅读 · 0 评论 -
CSS-值计算
CSS-值计算1. css属性的值的计算一共分为六种值:实际值: 一个CSS属性的**实际值(actual value)**是应用值(used value)被应用后的近似值 。例如,一个用户代理可能只能渲染一个整数像素值的边框(实际值),并且该值可能被强制近似于边框的计算宽度值计算值(computed value): 一个CSS属性的计算值是指这个属性在由父类转向子类的继承中的值初始值...原创 2020-02-05 21:12:45 · 862 阅读 · 0 评论 -
CSS基本语法和语义
CSS基本语法和语义1. 语法/* 一组规则集的组成:选择器组合和声明块(中括号)包含的声明键值对 */body div#box { color: "red"; /* 唯一的注释方式,某些在style标签中的注释可以是用html注释方式 */}2. @规则@charset, 定义样式表使用的字符集.@import, 告诉 CSS 引擎引入一个外部样式表.@name...原创 2020-02-05 20:45:32 · 299 阅读 · 0 评论