`
yacole
  • 浏览: 241014 次
  • 性别: Icon_minigender_1
  • 来自: 浙江科技学院
社区版块
存档分类
最新评论

CSS初级教程(二)- CSS Selectors,Properties,and Values 选择器 、属性、值

阅读更多

HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。

每个选择器都有属性在{}里面,比如简单点像color,font-weightbackground-color

值在冒号(不是等号)后面,分号分离属性。

css 代码
  1. body {   
  2.  font-size: 0.8em;   
  3.  colornavy;   
  4. }   

上面的意思是为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学习教程

    3. **值(Values)**:每个属性都有一个或多个可能的值,这些值决定了该属性如何影响元素的样式。 4. **盒模型(Box Model)**:理解CSS盒模型至关重要,它包括内容(content)、内边距(padding)、边框(border)...

    css教程,CSS编写

    1. **选择器(Selectors)**:选择器是CSS中的关键,它们用来指定你想要应用样式的HTML元素。例如,`p`选择器会影响所有的段落,而`.class`选择器会选取具有特定类名的元素。 2. **属性(Properties)**:属性定义...

    CSS样式生成器

    2. **自定义编辑**:用户可以手动输入或通过界面上的选项调整选择器、属性和值,生成个性化的CSS代码。 3. **实时预览**:在编辑CSS时,大多数生成器会提供实时预览功能,让用户在修改样式的同时能看到页面上的实际...

    CSS中文手册(各种css代码属性设置及其演示)

    1. **选择器(Selectors)**:CSS中的选择器用于定位HTML或XML文档中的元素。基本选择器包括元素选择器(如`<p>`),ID选择器(`#myID`),类选择器(`.myClass`)和通配符选择器(`*`)。 2. **属性(Properties)...

    CSS权威指南第四版.7z

    在CSS中,我们首先需要理解的是基本概念,如选择器(Selectors)、属性(Properties)和值(Values)。选择器用于指定要应用样式的元素,如ID选择器(#id)、类选择器(.class)和标签选择器(element)。属性定义了...

    css样式表中文手册

    3. **值(Values)**:属性后面跟随的值,指定了属性的具体设置,如`red`是颜色属性的一个值,`16px`是字体大小的一个值。 4. **声明(Declarations)**:属性和值的组合构成声明,每个声明用分号隔开。 5. **规则集...

    CSS 词典(CSS中文手册)

    1. **选择器(Selectors)**:选择器是CSS用来定位文档中需要应用样式的元素的方式,如标签选择器(`p`)、类选择器(`.myClass`)、ID选择器(`#myID`)、属性选择器(`[type="text"]`)以及伪类和伪元素(`:hover`...

    CSS的基本语法.rar

    7. **选择器的优先级**:CSS的优先级由选择器的特殊性决定,ID选择器 > 类选择器 > 标签选择器,内联样式(如`style`属性)的优先级最高。 8. **层叠(Cascading)**:CSS的“层叠”特性意味着样式可以继承自父元素...

    CSS代码生成器

    CSS生成器通常提供多种类型的选择器,如元素选择器(如`p`)、类选择器(如`.myClass`)、ID选择器(如`#myID`)以及更复杂的组合选择器和伪类选择器(如`:hover`、`:active`)。 2. **属性(Properties)**:属性...

    CSS.rar_css_css样式

    在这个CSS.chm文件中,可能涵盖了CSS的基本语法、选择器、属性、值、盒模型、定位、浮动、响应式设计、CSS3新特性等全面内容。用户可以通过查阅此文档,学习如何创建和管理网页的样式,实现页面元素的颜色、字体、...

    Css标签大全

    **CSS(Cascading Style Sheets)...以上只是CSS标签大全的冰山一角,实际中还有更多高级和特定用途的选择器、属性和技巧等待开发者探索和运用。通过深入学习和实践,你可以创建出富有视觉吸引力且功能强大的网页设计。

    CSS 2.0中文手册(含索引)

    - **属性选择器(Attribute Selectors)**:基于元素属性,如`[href]`,选择所有有`href`属性的元素。 3. **样式规则** - **声明(Declarations)**:由属性和值组成,如`color: red;`。 - **声明块...

    CSS语法字典

    通过以上详细的介绍,我们不仅了解了CSS的基础语法,还深入学习了如何利用这些属性和选择器来实现复杂的布局和样式设计。这对于初学者来说是非常宝贵的资源,有助于他们更快地掌握CSS并应用于实际项目中。

    超实用的css代码段 源码

    首先,CSS的核心概念包括选择器(Selectors)、属性(Properties)和值(Values)。选择器用来定位要应用样式的元素,比如`#id`、`.class`、`tag`等;属性定义了要改变的样式特性,如`color`、`font-size`;而值则是...

    CSSAPI中文版.rar

    例如,`p`选择器选取所有的段落,`#id`选择器选取ID为特定值的元素,`.class`选择器选取类名匹配的元素。 2. **属性(Properties)**: CSS属性定义了我们希望改变的元素的样式,如`color`用于设置文本颜色,`font-...

    CSS 中文帮助文档

    **二、CSS选择器** 1. **类型选择器(Type Selectors)**:基于元素名选择元素,如`p`选择所有段落。 2. **类选择器(Class Selectors)**:使用`.`前缀,如`.myClass`选择具有特定类的元素。 3. **ID选择器(ID ...

    CSS.docset,配合zeal使用

    1. **选择器(Selectors)**:如类选择器(.class)、ID选择器(#id)、元素选择器(tagname)、属性选择器([attr=value])等,用于定位页面上的特定元素。 2. **属性(Properties)**:例如,color用于设置文本...

    CSS2.0中文手册

    - **选择器(Selectors)**: 选择器是CSS中用来匹配HTML元素的规则,例如`#id`、`.class`、`tag`等,用于指定样式应用到哪些元素。 - **属性(Properties)**: 属性定义了元素的样式,如`color`、`font-size`、`...

Global site tag (gtag.js) - Google Analytics