WinSolstice的博客

:before 和 :after 伪元素指定生成的内容的样式和位置。 如其名所示，:before和:after伪元素指定了一个元素文档树内容之前和之后的内容。 content 属性，与这些伪元素联用，指定了插入的内容。「一个元素文档树内容之前和之后的内容」就是指这个元素是要可以插入内容的，作为DOM元素，伪元素都是在容器内进行渲染的。input无法容纳其他元素，因此它不支持伪元素。按钮也是在其他

苹果手机在显示 input [type=’button’] 和 input [type=’submit’] 的时候iPhone上的safari解析按钮时会以苹果浏览器的默认UI渲染，就会出现button自带圆角值，要解决这个问题，就需要在样式中明确的指名：-webkit-appearance: none; appearance 只有两个内核的浏览器可以使用，webkit 和 firfox ，在使用

1. BFCBFC（Block Formatting Context）直译为“块级格式化范围”。 是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。 比

relative 属性相对自身所在位置改变位置relative 移动位置后其自身所在位置仍被占据relative 移动后和 visibility:hidden很像，不过前者是移动后者是隐身如果 relative 和 absolute 同时作用于两个兄弟元素上，z-index 决定了谁的层级靠上，或者就是后来者居上一般给父元素设置 relative 给元素设置 absolut 相对定位的最小

1. position 和 float 相似 + 两者有两大共性：包裹性，破坏性包裹性 示例：.div { padding:20px; margin-bottom:10px; background-color:yellowgreen; }.abs { position:absolute; }<div class="div"> <img sr

float 的本意是什么 + 浮动出现的意义其实只是用来让文字环绕图片而已 浮动的本质是什么 + 浮动的本质： 包裹 破坏1. 浮动的“包裹性” div style="border:4px solid blue;"> <img src="./timg (2).jpg" /> </div> <

伪类 伪类用来给选择器指定一个或者与其相关的状态 语法： selector:pseudo class { property: value; }CSS 类也可与伪类搭配使用selector.class : pseudo-class {property: value}伪类是 css 内植类；css 内部本身赋予它一些特性和功能，也就是你不用再 class=… 或 id=…就可以直接拿来使用，当然你

1. 盒模型是什么盒模型是CSS实现页面布局的一种思想：把页面的所有元素都看成一个类似于礼品盒的盒子，礼品盒可能会有好多层包装组成， 那么页面元素也对应的有内容、边框、内外边距等组成。 这里特别提醒一下，盒模型是要把元素看成立体的，它确实有空间的属性。2. 盒模型的种类目前有：标准盒子模型和IE盒子模型 2种盒模型标准盒模型: IE盒模型： 根据上图可以看出他们的不同：标准盒模型：元

1. CSS选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。标签选择器 标签选择器用于指定元素名称的所有元素targetName: { }类选择器 .class 选择器选取带有指定类 (class) 的元素。.className { }ID选择器 id 选择器用于指定元素名称的所有元素#idName: {}全局选择器 * 选择器选取所有元素 或

1. Cascading Style Sheets 层叠样式表(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。特点富的样式定义易于使用和修改 行内式 外联式 内联式 CSS样

transition 允许元素的 css 属性值在一定的时间区间内平滑地过渡。 这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变 CSS 的属性值。语法 transition ： transition-property transition-duration trasition-timing-function transition-delaytransiti