HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。
每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。
值在冒号(不是等号)后面,分号分离属性。
Example Source Code [www.52css.com]
body {
font-size: 0.8em;
color: navy;
}
上面的意思是为body选择器设置font-size字体大小和color字体颜色。
所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。
长度和百分比
CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。
em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。
px比如font-size:12px是pixel像素的单位。
pt比如font-size:12px是points镑的单位。
%比如font-size:80%是百分比
其他单位包括pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸)
当值是零的时候,不需要单位,例如:border:0意思没有边框。
网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式,包括字体大小和屏幕大小。
因为这样,建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。
每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。
值在冒号(不是等号)后面,分号分离属性。
Example Source Code [www.52css.com]
body {
font-size: 0.8em;
color: navy;
}
上面的意思是为body选择器设置font-size字体大小和color字体颜色。
所以基本的,当它作用与HTML页面时,在body标签(整个窗口中的内容)之间的文字颜色是navy字体大小是0.8ems。
长度和百分比
CSS里面有许多属性值要指定单位,但有些基本单位被使用在一些属性上,在这之前值得属性下它们。
em比如font-size:2em给于字体计算出的大小,所以2em就是实际字体大小的两倍。
px比如font-size:12px是pixel像素的单位。
pt比如font-size:12px是points镑的单位。
%比如font-size:80%是百分比
其他单位包括pc(12点西文活字)、cm(厘米)、mm(毫米)和in(英寸)
当值是零的时候,不需要单位,例如:border:0意思没有边框。
网页不是静态的、绝对的媒体。这意味着内能伸缩变形,用户应该被允许调整自己喜欢的方式,包括字体大小和屏幕大小。
因为这样,建议使用"em"和"%"在font-size上(宽度和高度),相比下px不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。
发表评论
-
CSS教程17 CSS的优先级特性Specificity
2010-07-22 12:00 744如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规 ... -
CSS教程16 CSS的伪元素Pseudo Elements
2010-07-22 11:59 685伪元素吸附在选择上和pseudo classes伪类很像,像这 ... -
CSS教程15 CSS的At-Rules@规则
2010-07-22 11:58 723At-rules分装不同的CSS规 ... -
CSS教程14 CSS网页布局Page Layout
2010-07-22 11:57 836使用CSS布局非常简单,如果你习惯使用tables布局,可能开 ... -
CSS教程13 CSS的display属性
2010-07-22 11:56 758操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式 ... -
CSS教程12 CSS的Background Images 背景图片
2010-07-22 11:56 954背景图片Background Images有许多属性可以操作。 ... -
CSS教程11 CSS的属性缩写
2010-07-22 11:55 659一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 ... -
CSS教程10 CSS的Pseudo Classes 伪类
2010-07-22 11:54 610请你注意一些CSS伪类属性不被所有浏览器支持,但有四个伪类可以 ... -
CSS教程9 CSS的Grouping and Nesting分组和嵌套
2010-07-22 11:53 466Grouping 分组 当许多选择器有同样属性时,可以使 ... -
CSS教程8 CSS的Class以及ID选择器
2010-07-22 11:52 670前面的学习我们仅仅使用HTML选择器(在HTML页面里为htm ... -
CSS教程7 CSS属性结合起来使用
2010-07-22 11:51 717如果你学完HTML初级教程即可学习CSS初级教程,使用CSS处 ... -
CSS教程6 CSS的Border边框
2010-07-22 11:48 626CSS Borders 边框 边框可以运用到body里的 ... -
CSS教程5 Margin和Padding
2010-07-22 11:45 619margin和padding用来隔开元素,margin是隔开元 ... -
CSS教程4 CSS的Text 文本
2010-07-22 11:44 711有一系列属性可以改变网页文字的大小和形状,概要如下: fon ... -
CSS教程3 CSS的color颜色
2010-07-22 11:43 1081css可以处理16,777,216颜色,可以使用名字、rgb ... -
CSS教程1CSS的应用
2010-07-22 11:37 683CSS教程 1、CSS的应用 一、In-line 行内 ...
相关推荐
本教程将深入探讨CSS选择器、属性以及值,帮助你更好地理解和应用CSS来美化你的网页。 首先,我们要了解CSS选择器。选择器是CSS的核心组成部分,它的主要作用是定位HTML文档中的特定元素,以便对这些元素应用样式。...
2. **属性和值**:CSS由属性(如颜色、字体大小等)和相应的值组成,定义元素的样式。 3. **盒模型**:理解CSS盒模型至关重要,它包括内容、内边距、边框和外边距,影响元素的总尺寸。 4. **布局方式**:包括流体...
在本“CSS教程实例大全”中,我们将深入探讨CSS的核心概念、选择器、布局技术以及一些高级特性,旨在帮助初学者和进阶者全面掌握CSS。 ### 1. CSS基础 - **选择器**:CSS的选择器是用于选取HTML元素的规则,如类...
这篇教程将深入探讨jQuery如何遍历CSS选择器,并从中提取出相关知识点。 **一、jQuery选择器概述** jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`)、关系选择器(如`>`、`+`、`~`)、属性...
总结,CSS中的边框属性和链接伪类选择器是构建网页视觉效果的关键工具。通过熟练掌握这些属性和选择器,我们可以创建出美观且具有交互性的网页设计。在实际应用中,要注意浏览器兼容性和用户体验,确保样式在各种...
这个CSS教程包含了各种属性的用法,并提供了测试代码,这意味着你可以动手实践,观察不同属性在实际场景中的效果。通过这种方式,你可以加深对CSS的理解,提高布局和美化网页的能力。 总之,学习CSS是掌握网页设计...
2. **属性选择器**: 通过元素属性匹配样式,如`[target="_blank"]`选取所有链接新窗口打开的元素。 3. **类组合选择器**: 包括通用类选择器(如`*`)、相邻兄弟选择器(如`h1 + p`)、后代选择器(如`div p`)等。 4...
1. 选择器:了解如何选择和操作HTML元素,如类选择器、ID选择器、元素选择器等。 2. 属性:学习各种CSS属性,如颜色、字体、边框、背景、盒模型等,以及如何使用这些属性来改变元素的外观。 3. 层叠规则:理解CSS的...
* 属性选择器(根据属性或属性值来选取元素) 下面讲解最基本的 CSS 选择器。 元素选择器 元素选择器根据元素名称来选择 HTML 元素。 实例:在这里,页面上的所有 `<段>` 元素都将居中对齐,并带有红色文本颜色:...
选择器定位需要设置样式的元素,属性定义元素的样式属性,值则指明该属性的具体样式。例如: ```css p { color: red; font-size: 16px; } ``` 这里的`p`是选择器,`color`和`font-size`是属性,`red`和`16px`是...
**CSS教程概述** CSS,全称为“Cascading Style Sheets”,中文译为“层叠样式表”,是用于描述HTML或XML(包括各种XML方言,如SVG、XHTML等)文档样式的样式表语言。它允许将样式信息与文档内容分离,使得网页设计...
CSS语法由选择器、属性和值组成。选择器指向要应用样式的HTML元素,属性指明要改变的样式特性,值则定义该特性的具体样式。例如,`p {color: red;}` 将所有段落文本颜色设置为红色。 【选择器类型】 1. **标记选择...
5. **选择器增强**:CSS2引入了类选择器(`.class`)、ID选择器(`#id`)以及属性选择器,增强了样式应用的灵活性。 6. **伪类与伪元素**:如`:hover`用于鼠标悬停状态,`:first-child`用于选择父元素的第一个子元素,...
CSS的语法由一系列的“规则”组成,包括选择器(Selector)、属性(Property)和值(Value)三个主要部分。选择器用于指定哪些HTML元素将使用指定的样式规则;属性则是要改变的样式特性,如字体颜色或边框样式;值是...
这个"css教程"显然是为了帮助初学者或有经验的开发者更好地理解和掌握CSS。 在学习CSS时,你需要了解以下几个核心概念: 1. **选择器(Selectors)**:选择器是CSS中的关键,它们用来指定你想要应用样式的HTML元素...
CSS语法主要包括选择器、属性和值三部分。选择器指向你要应用样式的HTML元素,如`p`代表所有段落,`#myID`针对具有特定ID的元素,`.myClass`则应用于所有类名为`myClass`的元素。属性定义你想要改变的样式特性,如`...
2. 属性与值:选择器后跟花括号内的声明,声明由属性(如`color`, `font-size`, `background-color`)和对应的值(如`red`, `14px`, `#ff0000`)组成,用分号分隔。 3. 嵌套与层叠:CSS允许将规则集嵌套在HTML元素...
- 规则集:由选择器和属性值构成,用花括号包围,如`h1 {font-size: 12px;}`。 2. **CSS的引入方式**: - 内联样式:直接在HTML元素中使用`style`属性添加样式,如`;">`。 - 内部样式表:在`<head>`标签内的`...
这个教程可能是CSS的基础入门指南,涵盖了CSS的基本概念、选择器、属性和值,以及如何将CSS应用于HTML文档。它可能包括盒模型、布局方式(如流动布局、定位布局)、文本和字体样式、颜色和背景、边框和边距等内容。...