css选择器四大类：基本、组合、属性、伪类 什么是选择器？选择器的作用是通过它可以找到元素，把css样式传递给元素！css选择器主要分为：基本选择器、属性选择器、组合选择器与伪类选择器四个大类！ css基本选择器 基本选择器又分为：*通配符、标签选择器、class选择器...

2020-02-14 16:00:28 web前端前端技术web前端技术IE梦想伪元素情人节身份证web<

CSS 故障艺术 本文的主题是 Glitch Art，故障艺术。 什么是故障艺术？我们熟知的抖音的 LOGO 正是故障艺术其中一种表现形式。它有一种魔幻的感觉，看起来具有闪烁、震动的效果，很吸引人眼球。 故障艺术它模拟了画面信号出现故障导致成像错误的感觉。青色色块与红色色...

2020-02-10 16:00:43 定义PBN技巧YY图片元素吸引人lol伪元素PS抖音

CSS3结构类选择器补充 :empty 没有子元素（包括文本节点）的元素 :not 否定选择器 ! DOCTYPE html html lang ="en" manifest ="index.manifest" head meta charset ="UTF-8" title Document / title style li:not(:last-of-type) { color : red ; } / style / head bod...

2020-02-02 16:01:02 IE伪元素PS<HTML火狐常用原则Document选择

float浮动以及案例演示 浮动元素会影响后边的元素，但不会影响前边的元素 清除浮动： 方法一：在浮动元素后面添加一个空元素 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Document / title style .box { width : 100px ; height : 100px ; backg...

2020-01-31 16:02:24 导航IE伪元素zoomAV<HTML使用方法Document

清除浮动的4种方式 浮动 ：让多个块元素可以在一行显示 让多个div放一行 问题 ：浮动是脱标的，因此会影响别的盒子 ,不在保留原来位置。 清除浮动的本质： 解决父级元素内高为0的问题（子级浮动后），让父级占位子。 相对于 定位 ，在应用的时候，子绝父相，父级元素保...

2020-01-17 08:51:00 IE伪元素zoom浏览器<thetabtable代码解决

深入理解 CSS（Cascading Style Sheets）中的层叠（Cascading） 标题中的 Cascading 亦可以理解为级联。 进入正文，这是一个很有意思的现象。可以直接跳到总结一下部分，看完再回过头来阅读本文。 引子 假设我们有如下结构： p class="txt" style="color:red"123456789...

2020-01-16 16:00:43 css 样式文档文件Chrome定义txt使用体验用户误区伪元素

css padding 属性 padding与元素尺寸 css中默认的box-sizing是content-box，所以使用padding在定宽元素中会增加元素尺寸。可以使用box-sizing：border-box或者采用无宽度以及宽度分离原则（推荐使用）。 当使用box-sizing：border-box在某些情况下还是会改变元素尺寸的...

2020-01-10 16:00:16 伪元素移动端<ADO字体滚动大小绘制使用区别

如何使用CSS3中的结构伪类选择器和伪元素选择器 结构伪类选择器介绍 结构伪类选择器是用来处理一些特殊的效果。 结构伪类选择器属性说明表 属性 描述 E:first-child 匹配E元素的第一个子元素。 E:last-child 匹配E元素的最后一个子元素。 E:nth-child(n) 匹配E元素的第...

2020-01-05 16:00:43 信仰IE伪元素<HTMLthetabnametable代码

css3基础-选择器+边框与圆角+背景与渐变 Css3 选择器相关： section div直接子元素选择器 div + article相邻兄弟选择器（在元素之后出现） div ~ article通用兄弟选择器（在元素之后出现） 属性选择器： a[href] { text-decoration: none;}a[href="#"] { color: #f00;}...

2019-12-30 08:42:38 IE伪元素PSwebIRCntt<HTMLtheADO

css基础-float浮动 float实现文字环绕图片效果： ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title float / title style body { font-family : '微软雅黑' ; } .per { width : 400px ; border : 1px solid #CCC ; padding : 5px ; } .red { width : 1...

2019-12-29 16:01:16 css基础文件IE字体字号伪元素微软zoomCAD<HTML