css颜色

尽管绝大多数人都知道inherit这个关键字，但是很容易遗忘，inherit可以用在任何css属性中，而且它总是绑定到父元素的计算值 举例来说，要把表单元素中的字体设置为与页面的其他部分相同，你并不需要重复指定字体属性，只需要利用inherit的特性即可 input ， button { font: inherit; } 与此类似，要把超链接的颜色设定为与页面中其他文本相同，还是可以用inherit a { color: inherit; } 来源： https://www.cnblogs.com/lilei-site/p/11785287.html

CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector {declaration1; declaration2; ... declarationN } 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。 selector {property: value} 下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素 在这个例子中， h1 是选择器, color 和 font-size 是属性， red 和 14px 是值。 h1 {color:red; font-size:14px;} 下面的示意图为您展示了上面这段代码的结构： 值的不同写法和单位 除了英文单词 red ,我们还可以使用十六进制的颜色值 #ff0000 ： p { color: #ff0000; } 为了节约字节，我们可以使用 CSS 的缩写形式,关于CSS的缩写方式,以方便大家参考。使用缩写可以帮助减少你的CSS文件的大小,更加容易阅读。CSS缩写的主要规则如下： 颜色 16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000 可以缩写位 #000 , #336699

<!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) （同上效果略同） <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <font size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线

在某一段文本中突出显示某几个字，以粗体、红色、大字号显示，通常使用<span>标签 在CSS中，设置文本行高使用line-height属性 在CSS中设置背景颜色为透明的值为transparent 设置文本字体加粗的属性是什么？ font-weight : bold 去掉列表项前标记符号的CSS属性是什么？ list-style-type : none none 无标记符号 disc 实心圆，默认类型 circle 空心圆 square 实心正方形 decimal 数字 编辑网页文本:1, 排版网页文本 文章来源: 第5章 知识点

相同点： 1、混入（Mixins）：class中的class 2、参数混入：可以传递参数的class，就像函数一样 3、嵌套规则：class中嵌套class，从而减少重复的代码 4、运算：css中用上数学 5、颜色功能：可以编辑颜色 6、名字空间：分组样式，从而可以被调用 7、作用域：局部修改样式 8、JavaScript赋值：在css中使用JavaScript表达式赋值 不同点： 1、less环境较sass简单：sass安装需要ruby环境，less基于JavaScript 2、less使用sass简单：less没有去除css原有的属性，可以直接在less中书写css语句，只要了解css就很容易上手 3、sass比less强大一些： 4、声明变量：sass用$，less用@ 来源：博客园 作者： 吴小明的博客 链接：https://www.cnblogs.com/wuqilang/p/11484053.html

一、 简体中文配置 　　 重启软件即可显示中文。 二、VS code常用插件的配置 1. Auto Close Tag　　　　　　 自动闭合HMTL/XML 3.Beautify　　　　　　　　　　格式化代码 4.Bracket Pair Colorizer　　　　给括号加上不同的颜色 5.Debugger for Chrome　　　　映射VScode上的断点到Chrome上，方便调试 8.HMTL CSS Support　　　　　提示CSS的样式类名或者id 9.HTML Snippets　　　　　　　 HMTL标签提示 11.jQuery Code Snippets　　　　JQuery代码智能提示 12.open in brower　　　　　　　指定浏览器来打开 13.Path Intellisense　　　　　　 自动提示文件路径 14.Vetur　　　　　　　　　　　 Vue多功能插件 15.Live Server　　　　　　　　　Web服务器插件

Less也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。 两种使用方式：第一种全局安装less，利用命令编译less;第二种直接引入less.js. npm install -g less npm install -g less-plugin-clean-css lessc styles.less styles.css // 编译成css lessc --clean-css styles.less styles.min.css // 编译压缩css 这里注意要在less.js引入前引入.less样式文件 <link rel="stylesheet/less" href="style.less"> <script src="less.min.js"></script> less 的变量声明是以@开头 /* less */ @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } 选择器也可使用变量,变量需要用@{}包括 @mySelector: .wrap; @{mySelector}{ //变量名

background: repeating-linear-gradient(red, yellow 10%, green 20%); linera-gradinet 表示的线性渐变 x1,x2,y1,y2的取值范围为0%-100%，当x1,x2,y1,y2取值为极值的时候，x1和x2可以取值left（或0%）或right（或100%），,y1和y2可 以取值top（或0%）或bottom（或100%）； 下面是代码模板： <style> #grad1 { height: 200px; background: -webkit-repeating-linear-gradient(red, yellow 10%, green 20%); /* Safari 5.1 - 6.0 */ background: -o-repeating-linear-gradient(red, yellow 10%, green 20%); /* Opera 11.1 - 12.0 */ background: -moz-repeating-linear-gradient(red, yellow 10%, green 20%); /* Firefox 3.6 - 15 */ background: repeating-linear-gradient(red, yellow 10%, green 20%); /

主要摘自 网络开发者 。 从最基本的层次来看，CSS是由两块内容组合而成的： 属性（Property） ：一些人类可理解的标识符，这些标识符指出你想修改哪一些样式，例如：字体，宽度，背景颜色等。 属性值（Value） ：每个指定的属性都需要给定一个值，这个值表示你想把那些样式特征修改成什么样，例如，你想把字体，宽度或背景颜色改成什么。 与值配对的属性被称为 CSS声明 ，CSS声明会被放置在一个 CSS声明块 中。最后，CSS声明块与选择器相结合形成一个CSS规则集（或CSS规则）。 给 CSS 属性设置特定的值是 CSS 语言的核心功能。 CSS 引擎会通过计算，将对应的 CSS 声明应用到页面的每一个元素上，从而使得元素们以适当的方式布局，并展示出适当的样式。 特别需要记住的是： CSS 的属性和属性值都是区分大小写的。 属性和属性值之间，用英文半角冒号 ( : ) 隔离。 如下图所示： CSS 有超过 300 个不同的属性 以及几乎无穷无尽的属性值。属性和属性值不能任意组合：每个属性都有一个已经定义好的可用属性值范围。 重要 : 如果使用了未知属性，或者给属性赋予了无效值，该声明会被视为无效，浏览器的 CSS 引擎会完全忽略它。 重要 : 在 CSS（和其他网络标准）中，使用美式拼写作为单词的标准写法。例如，颜色（见于上述代码所见）应始终拼写为 color 。写成

《深入浅出HTML》是一部讲述现代Web标准的优秀教程，彻底摒弃了过时的内容，始终贯彻三层分离的思想。书中结合实例讲述如何使用HTML、CSS设计符合现代Web标准的网页，并讲解了如何使用JavaScript添加动态行为。书中的主体部分让读者接触HTML、XHTML的各种主题，逐渐熟悉各种元素。最后一章将书中讲述的各种技术付诸应用，带领读者一步步地创建一个实用的网站。 编辑推荐 《深入浅出HTML》适合Web设计和开发初学者阅读。 《深入浅出HTML》是非常优秀的Web设计入门教程。书中结合丰富的实例。深入浅出地讲述THTML基础知识以及如何使用CSS进行样式处理、如何使用JavaScript添加动态行为等，使读者能很快掌握web设计和开发的基础。 与许多同类图书不同，《深入浅出HTML》始终强调结构、表现和行为三层分离的现代Web开发思想，并特别指出了许多常见的、与Web标准不符的误解和错误做法，使读者在学习之初就能建立起正确的观念。 作者简介 教程地址： 深入浅出HTML PDF扫描版 深入浅出HTML 目录： 第1章 启动 　　1.1 因特网和万维网简介 　　1.2 什么是html 　　1.2.1 html的发展 　　1.2.2 一种语言，多个版本 　　1.2.3 一个版本，三种风味 　　1.2.4 验证文档 　　1.3 将内容与表现分离 　　1.4