`
ningzhisheng
  • 浏览: 12270 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS教程2 选择器 、属性、值

阅读更多
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不能够在大部分浏览器改变大小,所以要少用,可以用在边框的大小上。
分享到:
评论

相关推荐

    CSS教程之css选择器 、属性、值

    本教程将深入探讨CSS选择器、属性以及值,帮助你更好地理解和应用CSS来美化你的网页。 首先,我们要了解CSS选择器。选择器是CSS的核心组成部分,它的主要作用是定位HTML文档中的特定元素,以便对这些元素应用样式。...

    超详细CSS教程

    2. **属性和值**:CSS由属性(如颜色、字体大小等)和相应的值组成,定义元素的样式。 3. **盒模型**:理解CSS盒模型至关重要,它包括内容、内边距、边框和外边距,影响元素的总尺寸。 4. **布局方式**:包括流体...

    CSS教程(实例大全)

    在本“CSS教程实例大全”中,我们将深入探讨CSS的核心概念、选择器、布局技术以及一些高级特性,旨在帮助初学者和进阶者全面掌握CSS。 ### 1. CSS基础 - **选择器**:CSS的选择器是用于选取HTML元素的规则,如类...

    jQuery 遍历css选择器

    这篇教程将深入探讨jQuery如何遍历CSS选择器,并从中提取出相关知识点。 **一、jQuery选择器概述** jQuery支持多种CSS选择器,包括基本选择器(如`#id`、`.class`、`tag`)、关系选择器(如`>`、`+`、`~`)、属性...

    css基础教程属性篇之二

    总结,CSS中的边框属性和链接伪类选择器是构建网页视觉效果的关键工具。通过熟练掌握这些属性和选择器,我们可以创建出美观且具有交互性的网页设计。在实际应用中,要注意浏览器兼容性和用户体验,确保样式在各种...

    css教程(包含各种属性的用法)

    这个CSS教程包含了各种属性的用法,并提供了测试代码,这意味着你可以动手实践,观察不同属性在实际场景中的效果。通过这种方式,你可以加深对CSS的理解,提高布局和美化网页的能力。 总之,学习CSS是掌握网页设计...

    CSS教程(ppt)

    2. **属性选择器**: 通过元素属性匹配样式,如`[target="_blank"]`选取所有链接新窗口打开的元素。 3. **类组合选择器**: 包括通用类选择器(如`*`)、相邻兄弟选择器(如`h1 + p`)、后代选择器(如`div p`)等。 4...

    css+div布局和css教程和css的api

    1. 选择器:了解如何选择和操作HTML元素,如类选择器、ID选择器、元素选择器等。 2. 属性:学习各种CSS属性,如颜色、字体、边框、背景、盒模型等,以及如何使用这些属性来改变元素的外观。 3. 层叠规则:理解CSS的...

    极速中文CSS教程(基础部分预览).pdf

    * 属性选择器(根据属性或属性值来选取元素) 下面讲解最基本的 CSS 选择器。 元素选择器 元素选择器根据元素名称来选择 HTML 元素。 实例:在这里,页面上的所有 `<段>` 元素都将居中对齐,并带有红色文本颜色:...

    CSS教程宝典

    选择器定位需要设置样式的元素,属性定义元素的样式属性,值则指明该属性的具体样式。例如: ```css p { color: red; font-size: 16px; } ``` 这里的`p`是选择器,`color`和`font-size`是属性,`red`和`16px`是...

    CSS教程(CHM格式),含多个css教程

    **CSS教程概述** CSS,全称为“Cascading Style Sheets”,中文译为“层叠样式表”,是用于描述HTML或XML(包括各种XML方言,如SVG、XHTML等)文档样式的样式表语言。它允许将样式信息与文档内容分离,使得网页设计...

    DIV+CSS教程

    CSS语法由选择器、属性和值组成。选择器指向要应用样式的HTML元素,属性指明要改变的样式特性,值则定义该特性的具体样式。例如,`p {color: red;}` 将所有段落文本颜色设置为红色。 【选择器类型】 1. **标记选择...

    css2全面教程.rar_css_css 教程_网站 教程_网站开发

    5. **选择器增强**:CSS2引入了类选择器(`.class`)、ID选择器(`#id`)以及属性选择器,增强了样式应用的灵活性。 6. **伪类与伪元素**:如`:hover`用于鼠标悬停状态,`:first-child`用于选择父元素的第一个子元素,...

    无涯教程(LearnFk)-CSS教程离线版.pdf

    CSS的语法由一系列的“规则”组成,包括选择器(Selector)、属性(Property)和值(Value)三个主要部分。选择器用于指定哪些HTML元素将使用指定的样式规则;属性则是要改变的样式特性,如字体颜色或边框样式;值是...

    css教程,CSS编写

    这个"css教程"显然是为了帮助初学者或有经验的开发者更好地理解和掌握CSS。 在学习CSS时,你需要了解以下几个核心概念: 1. **选择器(Selectors)**:选择器是CSS中的关键,它们用来指定你想要应用样式的HTML元素...

    css教程 css_源代码

    CSS语法主要包括选择器、属性和值三部分。选择器指向你要应用样式的HTML元素,如`p`代表所有段落,`#myID`针对具有特定ID的元素,`.myClass`则应用于所有类名为`myClass`的元素。属性定义你想要改变的样式特性,如`...

    HTML + CSS教程

    2. 属性与值:选择器后跟花括号内的声明,声明由属性(如`color`, `font-size`, `background-color`)和对应的值(如`red`, `14px`, `#ff0000`)组成,用分号分隔。 3. 嵌套与层叠:CSS允许将规则集嵌套在HTML元素...

    CSS入门教程.pdf

    - 规则集:由选择器和属性值构成,用花括号包围,如`h1 {font-size: 12px;}`。 2. **CSS的引入方式**: - 内联样式:直接在HTML元素中使用`style`属性添加样式,如`;">`。 - 内部样式表:在`<head>`标签内的`...

    CSS教程 CHM版

    这个教程可能是CSS的基础入门指南,涵盖了CSS的基本概念、选择器、属性和值,以及如何将CSS应用于HTML文档。它可能包括盒模型、布局方式(如流动布局、定位布局)、文本和字体样式、颜色和背景、边框和边距等内容。...

Global site tag (gtag.js) - Google Analytics