u013275171的专栏

CSS 选择器，用于定位将要设置样式的网页中的元素。不同类型的 CSS 选择器Simple selectors：通过 element type, class , id 匹配一个或多个元素。Attribute selectors：通过其属性或属性值，匹配一个或多个元素。Pseudo-classes：‘伪类’，匹配存在于某个特定状态的，一个或多个元素。Pseudo-elemen...

Combinators and selector listsGroups of selectors on one rule型如： A_Selector, B_Selector, ...p, li { font-size: 1.6em;}h1, h2, h3, h4, h5, h6 { font-family: helvetica, 'sans serif';}注意...

CSS 有两类属性来设置文本样式： Font styles & Text layout stylesFont styles 影响文字的字体，文字的大小，文字是否是粗体、斜体、等等Text layout styles 影响文字间的空格，和其他的布局样式，是否允许被操作。例如：每行文字和每个文字之间的空格，文字在文本盒子中以何种方式对齐。注意：元素中的文字是一个一个独立的单元，不能...

Pseudo-elements伪元素是前面有两个冒号的关键字，其可以添加于选择器的末尾，用以选择元素的某个部分。::after创建一个处于被选定元素最末尾的伪元素。同 content 属性一起使用来向被选定元素添加装饰性内容，它默认是内联的。/* CSS3 syntax */::after/* CSS2 syntax */:after/* Add an arrow a...

The box modelCSS 盒模型是 Web 页面布局的基础，每个元素都被表示为一个矩形盒子，该盒子包含 content padding border margin 围绕在盒子的周围。Box propertieswidth & height 设定内容盒子的宽和高。padding 是指 border 和内容之间的四个方向的空间 padding-top padding...

The cascade以以下顺序来确定其取代规则：Importance Specificity Source order顺序靠前的规则，会否决顺序靠后的规则。Importance!important 使用此语法，以确保该样式生命，总是取代其他地方的此种样式的生命。 <p class="better">This is a paragraph.</p...

伪选择器，此选择器不选择网页元素，但却是网页元素的一部分，或者说是网页元素所处于的某一环境、或者某一状态。Pseudo-classes伪类是使用 ':' 连接于选择器之后的关键字。:active 此伪类匹配被用户激活的元素。此伪类会被后声明的(:link, :hover, :visited)覆盖。为了正常加上此伪类样式，应当以 LVHA 顺序添加。:link - :visited ...

Attribute selectors此选择器，基于元素的属性和属性值以匹配网页元素。这种选择器可以被分为两类：Presence and value attribute selectors这种选择器试图精确匹配元素属性。[attr]：此选择器会选择所有包含此属性名称(方括号中为属性名称)的网页元素，且不理会此属性的值。[attr=val]：此选择器会选择所有包含此属性名称，且属...

Simple selectorsType selectors亦称为 element selectors。这种选择器对大小写不敏感。<p>What color do you like?</p><div>I like blue.</div><p>I prefer BLACK!</p>/* All p ele...

 CSS 语法 CSS declaration CSS declaration blocks CSS selectors and rules一个HTML元素可能匹配多个选择器，因此多个规则可能多次设定特定的属性多次。此时由CSS来决定这些规则的优先级。在一组选择器中，若某个选择器是无效的。此时这组选择器中，除去这个无效的选择器之外的其他选择器依然有效...

CSS values and unitsNumeric values应用位置：Length and size <p>This is a paragraph.</p> <p>This is a paragraph.</p> <p>This is a paragraph.</p>p { ...