css笔记

作者: 杰伊_约翰 | 来源:发表于2018-10-21 20:40 被阅读3次

CSS 指层叠样式表(Cascading Style Sheets),是一种用来为结构化文档(如 HTML 文档或 XML 应用)添加样式(字体、间距和颜色等)的计算机语言,起装饰作用。前者(如 HTML)负责确定网页中有哪些内容,CSS 则确定以何种外观(大小、粗细、颜色、对齐和位置)展现这些元素。

简介
什么是 CSS
CSS 指层叠样式表(Cascading Style Sheets);
样式定义如何显示 HTML 元素;
样式通常存储在样式表中;
把样式添加到 HTML 中,是为了解决内容与表现分离的问题;
外部样式表可以极大提高工作效率;
外部样式表通常存储在 CSS 文件中;
多个样式定义可层叠为一;
样式对网页中元素位置的排版进行像素级精确控制。
样式层叠
样式层叠就是对一个元素多次设置同一个样式,这将使用最后一次设置的属性值。

层叠顺序
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,按优先级从高到低依次为:

内联样式(在 HTML 元素内部)
内部样式表(位于 <head> 标签内部)
外部样式表
浏览器默认设置
语法
CSS 规则由两个主要的部分构成——选择器,以及一条或多条声明:

Selector {
    Property: Value;
    Property: Value;
}

选择器通常是需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是希望设置的样式属性。每个属性有一个值。属性和值由冒号分开。

CSS 声明总是以分号 ; 结束,声明组以大括号 {} 括起来。

相关文章

  • CSS 自学笔记(中)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 继承、层叠和特殊性 继承 CSS...

  • CSS 自学笔记(上)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 1. 简介 CSS 是层叠样式表...

  • CSS 自学笔记(下)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 代码简写 布局缩写 paddin...

  • CSS学习笔记(2018-07-29)

    CSS学习笔记 CSS 指层叠样式表 (Cascading Style Sheets) CSS语法 CSS 规则由...

  • js操作样式

    CSS HTML 笔记

  • CSS入门学习笔记

    CSS学习笔记 CSS= 层叠样式表 cascading style sheets HTML 表达结构 , CSS...

  • CSS_基础

    初探css,了解个大概,本文主要是对"zhaolion:CSS入门笔记 - 初识CSS"的简要记录 CSS的好处 ...

  • CSS知识点整理

    写在前面:这是一篇学习CSS的笔记。重点在于罗列CSS的知识点。 CSS ㈠ CSS入门 什么是CSS?CSS 指...

  • MDC-css教程——基础知识

    笔记类文章 完全摘录自 MDN-css 什么是css Cascading Style Sheets css 并非仅...

  • HTML&CSS&JavaScript基本介绍

    本文内容为慕课网学习笔记。 CSS CSS样式类型 内联式css样式,直接写在现有的HTML标签中 嵌入式css样...

网友评论

      本文标题:css笔记

      本文链接:https://www.haomeiwen.com/subject/jaxizftx.html