`
Virgo_S
  • 浏览: 1153960 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

2、CSS Selectors,Properties,and Values

    博客分类:
  • CSS
阅读更多
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。
  每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。
  值在冒号(不是等号)后面,分号分离属性。
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 Quick Syntax Reference

    How to work with CSS values like keywords, color and number values, percentage values, length values, and strings How to apply CSS selectors: structural pseudo-classes, the negation pseudo-class, ...

    Learn CSS in One Day and Learn It Well (Volume 2)

    Each CSS chapter comes with an end-of-chapter exercise where you get to practice the different CSS properties covered in the chapter and see first hand how different CSS values affect the design of ...

    Beginning CSS3 (pdf)

    CSS3 is the latest version of Cascading Style ... CSS3 Image Values and Replaced Content (gradients) CSS Multi-column Layout CSS Transforms CSS Transitions CSS Animations CSS Flexible Box Layout

    CSS Pocket Reference, 5th Edition--2018

    Explore CSS concepts, values, selectors and queries, and properties Learn how new features complement and extend your CSS practices Discover new properties including animations, grid, flexbox, ...

    css教程,CSS编写

    2. **属性(Properties)**:属性定义了你希望元素具有的样式特性,如`color`用于设置文本颜色,`font-size`调整字体大小,`background-color`设置背景色等。 3. **值(Values)**:属性后面跟着的是值,它们定义了...

    CSS 词典(CSS中文手册)

    2. **属性(Properties)**:CSS属性定义了元素的样式,例如`color`、`font-size`、`background-color`、`margin`等。每个属性都有一个或多个可能的值。 3. **值(Values)**:属性的值定义了该属性的具体样式效果...

    CSS权威指南第四版.7z

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

    CSS样式生成器

    2. **属性(Properties)**:CSS属性定义了元素的视觉效果,如`color`定义文本颜色,`font-size`定义字体大小,`background-color`定义背景色。 3. **值(Values)**:每个属性都有一个或多个可能的值,这些值决定...

    css.rar_css api_css手册

    **CSS动画和过渡(Animations and Transitions)**:通过`@keyframes`创建动画,`transition`实现属性变化的平滑过渡。 以上只是CSS庞大知识体系的一部分,实际开发中还需要深入学习CSS性能优化、浏览器兼容性处理...

    stylecssvaribles1.css

    It searches for all rules containing variable getters and setter, remembers the affected selectors so future affected Elements can be found in a mutation observer. Each affected Element gets a uniq ...

    CSS.docset,配合zeal使用

    2. **属性(Properties)**:例如,color用于设置文本颜色,background-color用于设置背景颜色,font-family用于设置字体,margin和padding用于设置元素的边距和内填充。 3. **值(Values)**:每个属性可以接受...

    CSSAPI中文版.rar

    2. **属性(Properties)**: CSS属性定义了我们希望改变的元素的样式,如`color`用于设置文本颜色,`font-size`调整字体大小,`margin`设定外边距。 3. **值(Values)**: 属性后跟的值,如`color: red;`中的`red`...

    CSS.rar_css_css样式

    2. **属性(Properties)**:属性定义了元素的样式特性,如`color`改变文字颜色,`font-size`设置字体大小,`background-color`设定背景色。 3. **值(Values)**:每个属性都有相应的值,如颜色可以是预定义的颜色...

    CSS_Demo,文章《CSS笔记》配套代码

    2. **属性(Properties)**:属性定义了元素的样式,如`color`定义文字颜色,`font-size`定义字体大小,`background-color`定义背景色。 3. **值(Values)**:属性的后面跟着的就是值,用来指定该属性的具体样式,...

    CSS 中文帮助文档

    2. **属性(Properties)**:属性定义了元素的样式,如`color`,`font-size`,`background-color`等。 3. **值(Values)**:属性后的值指定属性的具体设置,可以是颜色代码、长度单位或关键词等。 4. **声明...

    css指导手册

    2. **属性(Properties)**:属性定义了元素的视觉表现,如`color`、`font-size`、`background-color`等。 3. **值(Values)**:属性后的值指定了属性的具体设置,可以是颜色、长度、百分比或其他数据类型。 4. **...

    电脑css学习教程电脑css学习教程

    2. **属性(Properties)**:属性定义了元素的样式,如`color`、`font-size`、`background-color`等,它们与值一起决定元素的具体样式。 3. **值(Values)**:每个属性都有一个或多个可能的值,这些值决定了该属性...

    css样式表中文手册

    2. **属性(Properties)**:属性是CSS样式的一部分,定义了元素的视觉特性,如`color`用于设置文本颜色,`font-size`用于设置字体大小。 3. **值(Values)**:属性后面跟随的值,指定了属性的具体设置,如`red`是...

    超实用的css代码段 源码

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

Global site tag (gtag.js) - Google Analytics