CSS学习笔记
文章平均质量分 74
羽扇轻摇
这个作者很懒,什么都没留下…
展开
-
CSS基本语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成,声明用花括号包围起来.属性(property)是您希望设置的样式属性(style attribute) 每个属性有一个值.属性和值被冒号分开. 上面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素.原创 2013-04-29 16:33:57 · 288 阅读 · 0 评论 -
CSS 派生选择器
派生选择器,通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。 在 CSS1 中,通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors),这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中,它们称为派生选择器,但是无论你如何称呼它们,它们的作用都是相同的。 派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合原创 2013-04-29 16:34:02 · 228 阅读 · 0 评论 -
CSS ID选择器
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 id 选择器以 "#" 来定义。 下面的两个 id 选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色: #red {color:red;} #green {color:green;} 下面的 HTML 代码中,id 属性为 red 的 p 元素显示为红色,而 id 属性为 gr原创 2013-04-29 16:34:09 · 315 阅读 · 0 评论 -
CSS简介
认识CSS CSS的英文全名是 Cascading Style Sheets,中文可翻译为串接式排版样式,并且 CSS2规范也于 1998 年 02 月通过 W3C 的审核与推荐,所以 CSS 并不是专为 XHTML 所设计的,CSS 还可以被其他标记语言拿来制作排版样本,如 HTML,XML 文件都可以应用 CSS,来美化网页的设计,大家如果学会 CSS,在HTML,XHTML,XML 文件中原创 2013-04-29 16:33:55 · 346 阅读 · 0 评论 -
CSS高级语法
选择器的分组 你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明.用逗号将需要分组的选择器分开. 在下面的例子中,我们对所有的标题元素进行了分组.所有的标题元素都是绿色的. h1,h2,h3,h4,h5,h6 { color: green; } 继承及其问题 根据 CSS,子元素从父元素继承属性.但是它并不总是按此方式工作.看看下面这条规则: body {原创 2013-04-29 16:34:00 · 207 阅读 · 0 评论 -
CSS 类选择器
在CSS 中,类选择器以一个点号显示: .center {text-align: center} 在上面的例子中,所有拥有 center 类的 HTML 元素均为居中。 在下面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将遵守 ".center" 选择器中的规则。 class="center"> This heading will原创 2013-04-29 16:34:11 · 239 阅读 · 0 评论 -
CSS背景
CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果.CSS 在这方面的能力远远在 HTML 之上. 背景色 可以使用 background-color 属性为元素设置背景色.这个属性接受任何合法的颜色值. 可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素. background-color 不能继承,其默认值是 transparent.tra原创 2013-04-29 16:34:13 · 225 阅读 · 0 评论 -
CSS文本
通过CSS文本属性可以定义文本的颜色,字符间距,对齐文本,装饰文本,对文本进行缩进,等等. 缩进文本 text-indent属性:定义文本首行缩进,就是在首行文字之前插入指定长度,长度可以是负值. 把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果. 这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em: p {text-indent:原创 2013-04-29 16:34:15 · 315 阅读 · 1 评论