正在筛选分类: CSS

CSS: Difference between '^' and '|' selector:

Caret (^): selects elements where the value of the specified attribute starts with a certain value:

Pipe (|): selects elements where the value of the specified attribute is either exactly the value or starts with the value immediately followed by '-':

Difference between pipe (|) and caret (^) attribute selectors

独立页面

原来英文里竖屏和横屏称为 "portrait" 和 "landscape", 没查过之前完全一头雾水...

独立页面

Mastering margin collapsing

CSS中, 有3种情况会导致margin的坍缩(collapse).

1. 垂直方向相邻的两个兄弟元素, 上方元素设置了margin-bottom, 下方元素设置了margin-top时, 二者间距取较大者;

2. 元素上方没有用border, padding, inline-content或清除浮动等方式将其第1个子元素与其margin-top分割开时, 该元素的margin-top将为其本身margin-top与其第1个子元素的margin-top的较大者, margin-bottom同理;

3. 不占位, 即没有用有效的border, padding, inline-content, height, min-height等方式将其margin-top与其margin-bottom分割开时, 其margin-top和margin-bottom将全部坍缩.

独立页面

因为搜索引擎会检索HTML页面中的所有内容, 因此把CSS语句从HTML脚本中分离并通过外部引入, 可以一定程度上提高搜索引擎的检索效率.

独立页面

CSS中, margin, border, padding可以设置1到4个值, 如果4个值都给出, 它们分别对应上, 右, 下, 左边的样式, 如果只给出1个值, 它将被应用于所有边, 如果给出2-3个值, 省略的值与其对边相等.

独立页面

CSS中, 可以将line-height设置为纯数字, 当line-height设置为纯数字时, 行高为元素字体大小值与该数字的乘积.

独立页面