css颜色

1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 1.CSS与html、javascript的关系 html是网页内容的载体 css样式是表现(外观的控制) javascript是行为，用来实现网页的特效效果 2

1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 1.CSS与html、javascript的关系 html是网页内容的载体 css样式是表现(外观的控制) javascript是行为，用来实现网页的特效效果 2

1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 1.CSS与html、javascript的关系 html是网页内容的载体 css样式是表现(外观的控制) javascript是行为，用来实现网页的特效效果 2

weblog_title: css基本语法、选择器、继承、层叠、优先级 weblog_categories: ["java","git"] weblog_mt_keywords: "css,web" 1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式

weblog_title: css基本语法、选择器、继承、层叠、优先级 weblog_categories: ["java","git"] weblog_mt_keywords: "css,web" weblog_title: css基本语法、选择器、继承、层叠、优先级 weblog_categories: ["java","git"] weblog_mt_keywords: "css,web" 1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML

title: css基本语法、选择器、继承、层叠、优先级 dateCreated: 2018-02-17T15:02:31+08:00 categories: css java 1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式

weblog_title: css基本语法、选择器、继承、层叠、优先级 weblog_dateCreated: 2018-01-01 20:00:01 weblog_categories: [css] weblog_mt_keywords: [web前端,css] 1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS

目录 1.CSS基本介绍 1.CSS与html、javascript的关系 2.CSS的发展 2.1-CSS3各模块的规范发展(截至2019年3月) 2."CSS5 ?"的误解 3.基本语法 3.1-CSS的引用 4. CSS选择器 4.1-标签选择器 4.2-类选择器 4.3-id选择器 4.4-全局选择器 4.5-群组选择器 4.6-后代选择器 4.x-伪类 5.CSS继承、层叠、优先级 5.1-CSS继承 5.2-CSS层叠 5.3-优先级 CSS优先级规则 6.CSS的命名规则 6.1-常用的CSS样式命名 介绍：css基本语法、选择器、继承、层叠、优先级及CSS的引用、"CSS5的误解"、CSS的命名规则。 1.CSS基本介绍 CSS(英文全称：Cascading Style Sheets)：层叠样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 1.CSS与html、javascript的关系 html是网页内容的载体 css样式是表现(外观的控制) javascript是行为，用来实现网页的特效效果

08.12自我总结 样式模板快捷键设置 一.Bootstrap 样式载入 https://v3.bootcss.com/css/ 目前3+版本比较稳定,4+有些样式可能没法颜色 点击 起步 ,选择样式 <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- 可选的 Bootstrap 主题文件（一般不用引入） --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <!-- style内容写css语言 --> <style> /* *选中所有元素 */ * { width: 300px; } /* 元素选择器--html元素 xxx 表示选中所有xxx元素 body 表示所有的body元素 div 表示所有的div元素*/ body { /* height 给元素设置高度；值大于等于0 */ height: 100px; /* background-color: 设置背景颜色 */ background-color: red; } div { height: 100px; background-color: yellow; /* border 设置元素边框 2px 边框的宽度为2px red 边框的颜色为红色 solid 边框为实线 */ border: 2px solid red; } /* id 选择器使用方式 1