/*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ ... ...
分类：
其他好文 时间：
2018-08-14 22:57:24
阅读次数：
181
1 CSS3 的选择器 1.1 基本选择器 1.2 层级选择器 1.3 属性选择器 属性选择器优先级 同 class 1.4 伪类选择器 1.5 伪元素选择器 2 CSS3 基础 2.1 浏览器私有前缀 2.2 CSS3 新增的颜色 2.3 CSS3新增长度单位 2.4 CSS3新增属性 2.3 设 ...
分类：
编程语言 时间：
2018-08-05 15:55:19
阅读次数：
151
:target 伪类选择器 :target 是 CSS3 新增的一个伪类，可用于选取当前活动的目标元素。当 URL 末尾带有锚名称 #，就可以指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。它需要一个 id 去匹配文档中的 target 。 解释很难理解，看看 ...
分类：
其他好文 时间：
2018-08-03 16:44:55
阅读次数：
185
1.盒子边框的线条动画： <div class="cont"> <div class="bb"></div> </div> .bb{ position: relative; width: 200px; height: 200px; background: #666666; border: 1px s ...
分类：
其他好文 时间：
2018-08-03 16:38:35
阅读次数：
335
:placeholder-shown 另外，划重点，这个伪类是仍处于实验室的方案。也就是未纳入标准，当然我们的目的是探寻有意思的 CSS 。 当 input 类型标签使用了 placeholder 属性有了默认占位的文字，会触发此伪类样式。 配合:not()伪类，可以再改变当默认文字消失后的样式，再 ...
分类：
其他好文 时间：
2018-08-03 16:32:29
阅读次数：
210
CSS： 弹性布局 上下左右都固定，中间自适应 响应式设计： rem、百分比、媒体查询 伪类、伪元素 HTML5: 新增元素 Canvas，本地存储，cookie，音频、视频 Websocket JS： ...
分类：
其他好文 时间：
2018-07-25 10:21:54
阅读次数：
142
基本选择器 组合选择器 属性选择器 分组选择器 伪类选择器 伪元素选择器 选择器的优先级 ...
分类：
Web程序 时间：
2018-07-24 18:04:10
阅读次数：
172
浮动模型 块元素看不到他，因此，如果父级是块元素的话，不设置宽高的话，那么float将无法撑起父级元素。父级元素将会没有高度。 解决方法 清除浮动流。然后只要另一个块级元素清除了浮动流那么就可以成功的撑起了块级元素。 这段代码，如果没有p标签来撑开父级元素的话，那么wrapper将没有高度。 解决方 ...
分类：
Web程序 时间：
2018-07-23 19:56:45
阅读次数：
179
/* * 通过元素.style.样式只能获取到内联样式的值，就是style写在元素里面的值，不能获取嵌入式和外联样式的值 * 所以如果要获取除内联样式后的值，就不能通过这个获取 * alert(box1.style.height) * 还有其他的形式，比如获取元素当前显示的样式，就是不管是外联还是嵌 ...
分类：
Web程序 时间：
2018-07-20 15:16:01
阅读次数：
214
css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::before ...
分类：
Web程序 时间：
2018-07-17 14:21:16
阅读次数：
314
