Paranoidyang的博客

<div class="postBody"> <div id="cnblogs_post_body"><p>刚刚在整理浏览器默认样式的时候，看到一作者问道这两对标签的不同，于是整理入下：</p>它们的区别就再于一个是物理元素，一个是逻辑元素。什么是物理元素？什么是逻辑元素？物理元素所强调的是一种物理行为，比如说我把一段文字用b标记加粗了，我的意思是告诉浏览器应该给我加粗了显示这段文

之前看到一个很有趣的轮子：Hover效果，没有使用 JavaScript 代码，全部都是 HTML + CSS便实现了，自己按照网页上面的效果实现了几个之后，用审查者工具看了下源代码，发现 HTML 的基本构造如下面所示：<figure class="effect-julia"> <img src="img/21.jpg" alt="img21"/> <figcaption> <h2

块级元素 顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的div、p、ul默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然非块级元素也可以通过css的display:block;将其更改成块级元素。此外还有个特殊的，float也具有此功能，设置float后，就不用再display:block;了，浮动后自动就是块元素

vertical-align只作用于行内元素 实现文字垂直局中的方法： （1）display: table-cell;vertical-align: middle; （2） height:160px; background-color:#BF822B; line-height: 160px;/* 让行高等于height,实现垂直局中*/

所谓脱离文档流，即将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当没看到它，两者位置重叠都是可以的。这里，通过讲解浮动脱离文档流（float）和绝对定位脱离文档流（position:absolute）的区别，让大家对这一概念有更深的认识。浮动脱离文档流使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 我们先利用下面代码在普通流中

在div+css布局中，水平、垂直局中是很常用的，但对于像我这样的小白来说，经常会出现有些css设置不起作用，后来就网上搜索一些资料研究了一番，现在总结如下，以后好翻看。 对于行内元素、块状元素，定宽的元素、不定宽的元素，水平、垂直局中的设置都是不一样的。水平局中1、行内元素：当子元素为行内元素，对父元素设置text-align:center;2、定宽块状元素当子元素为定宽块状元素，设置左右mar

text-transform:uppercase;有何用？ margin:0.5em 0中的em与px有什么区别？ overflow:hidden有什么用？ vertical-align: top;什么意思？ font: inherit;什么意思？ cursor:pointer; 关于元素局中问题 如何使用CSS让DIV居中显示，让div水平居中有哪些CSS样式呢？ 需要的主

CSS 预处理器是什么？一般来说，它们基于 CSS 扩展了一套属于自己的 DSL，来解决我们书写 CSS 时难以解决的问题：语法不够强大，比如无法嵌套书写导致模块化开发中需要书写很多重复的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致难以维护。所以这就决定了 CSS 预处理器的主要目标：提供 CSS 缺失的样式层复用机制、减少冗余代码，提高样式代码的