选择器类型 下面，选择器类型的优先级是递增的： 1、 类型选择器 (例如 h1) 伪元素 （例如 ::before） 类型选择器 (例如 h1) 伪元素 （例如 ::before） 2、 类选择器 （例如 .example） 属性选择器 （例如 [type=“radio”]） 伪类 （:hover） ...
分类：
Web程序 时间：
2019-10-14 15:08:55
阅读次数：
120
㈠什么是伪元素？ 不同的解释： ⑴伪元素是创造关于文档语言能够指定的文档树之外的抽象。例如文档语言不能提供访问元素内容第一字或者第一行的机制。伪元素允许设计师引用它们，否则这是难以办到的。伪元素还提供样式设计师给在源文档中不存在的内容分配样式（例如：:before和:after能够访问产生的内容）。 ...
分类：
其他好文 时间：
2019-10-12 01:25:45
阅读次数：
100
[TOC] 一、CSS介绍 CSS(Cascading Style Sheet ,层叠样式表):定义如何显示HTML元素,也就是HTML的样式表 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化(渲染) 二、CSS语法 每一个CSS样式由两个部分组成： 选择器和声明 。 声明又包括属性 ...
分类：
Web程序 时间：
2019-10-11 23:05:53
阅读次数：
111
```css .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/... ...
分类：
Web程序 时间：
2019-10-09 12:36:16
阅读次数：
95
CSS介绍 CSS语法 CSS三种引入方式 行内引入 内部样式 外部样式(推荐使用) 基本选择器 元素选择器 ID选择器 类选择器 通用选择器 组合选择器 后代选择器 儿子选择器 毗领选择器 弟弟选择器 过滤选择器 属性选择器 分组和嵌套 伪类选择器 伪元素选择器 first letter: 文本内 ...
分类：
Web程序 时间：
2019-10-04 15:01:20
阅读次数：
103
在css中完成国际化 前提 在日常处理国际化的时候，通常是将key通过类似intl.xx(key)转换为对应环境的文案，可是如果需要在css中加入对应逻辑应该怎么做呢（比如在after的伪元素中显示不同的文案），毕竟在css中没办法通过js代码将key转换为文案。 思路 1. 既然不能在css中写入 ...
分类：
Web程序 时间：
2019-09-30 16:38:35
阅读次数：
95
伪元素不能跟着hover，要这样用 .box:hover::before position: absolute 自动把元素转换为块元素。 例子： html .box { width: 500px; height: 30px; position: relative; border: 1px solid ...
分类：
其他好文 时间：
2019-09-27 21:15:16
阅读次数：
70
1.伪元素的特点 （1） 优点 （2） 缺点 （3）img input select 这种单标签不支持::before ,::after input，img，select等元素都不能包含其他元素，所以不能通过伪元素插入内容。至于Chrome 中checkbox和radio可以插入，那应该是Bug了 ...
分类：
其他好文 时间：
2019-09-27 01:39:19
阅读次数：
106
方法一 ：使用弹性布局 方法二 ：CSS3 transform 属性 父级元素定位 子集元素加属性： position: absolute; top: 50%; transform: translateY(-50%); 方法三： 使用伪元素和vertical-align: middle; .pare ...
分类：
Web程序 时间：
2019-09-26 00:48:43
阅读次数：
167
1.额外标签法 2.使用overflow 3.伪元素清除浮动 4.双伪元素清除浮动 <div class="main clearfix"> <div class="left"></div> <div class="right"></div> </div> ...
分类：
其他好文 时间：
2019-09-23 10:13:41
阅读次数：
127
