css颜色

文本样式 文本类 text-transform：uppercase； 全部变为大写 text-transform：lowercase； 全部变为小写 text-transform：capitalize； 首字母大写 text-transform:none； 表示不显示样式 text-indent:?px； 表示文本缩近 给文字加上倒影 text-shadom:?px ？px ？px； 表示模糊值越大，模糊范围越大（x轴、y轴、模糊值） 文本装饰线 text-decoration:underbine； 对文本产生下划线 text-decoration:overline: 对文本产生上划线 rext-decoration：line-through； 对文本产生贯穿线 对齐方式 text-align； 居中 行高 line-height：？px； 表示行距 词间距 例：word-spacing:?px; 字间距 leter-spacing:?px; 字体类型 font-family:sans-serif; 非衬线 font-family:serif； 衬线 字体类型还可以写汉字，如：font-family:微软雅黑 宋体; 字体风格 font-style:normal; 正常的 font-style:italic; 文本样式为斜体 font-style:oblique; 倾斜的字体

什么是CSS ？ 答： CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一 CSS如何创建？ 答： 如何插入样式表 当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种： 外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部： 浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。 外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的 html 标签。样式表应该以 .css 扩展名进行保存。下面是一个样式表文件的例子： hr {color: sienna;} p {margin-left: 20px;} body {background-image: url(“images/back40.gif”);} 不要在属性值与单位之间留有空格。假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ，它仅在 IE

Doctype是什么？如何触发严格模式与混杂模式模式？区分它们有何意义？ 　　Doctype是document type（文档类型）的简写，是用来说明所用的XHTML或HTML是什么版本的。XHTML1.0 提供了三种DTD声明可供选择，分别是： 　　1、过渡的(Transitional，也叫混杂模式)：要求比较宽松，允许继续使用HTML4.01的标识，完整声明为 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tranisitional.dtd" > 　　2、严格的(Strict)：要求严格的DTD，不能使用任何表现层的标识和属性，完整声明为 <! DOCTYPE html PUBLIC "-W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" > 　　3、框架的(Frameset)：专门针对框架页面设计使用的DTD，如果页面中包含有框架，可以采用DTD，完整声明为 <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3

常见的css样式 color 文字颜色 background-color 背景颜色 opacity 设置透明度 颜色： 光的三原色： 红 绿 蓝 三种颜色表示法： 名词表示法： red green blue 16进制颜色表示法： #000000 十六进制 0 --- f # ff（红色） 00（绿色） 00（蓝色） 十进制颜色表示法： rgb(255红,255绿,255蓝) 取值范围 0 --- 255 rgba(255红,255绿,255蓝,0.5透明度) 取值范围 0 --- 255 a 表示透明度 取值范围 0-1之间 0代表完全透明 1代表不透明 opacity 与 rgba() 设置透明度的区别： opacity：表示所有内容都更改透明度 rgba()：表示只有背景颜色透明 尺寸： width：宽 常见的计量单位： px(像素) %(百分比) em(字体单位) height：高 min-width 最小宽度 max-width 最大宽度 字体： font-size: 设置字体大小 浏览器默认的普通文字大小为16px 最低设置文字大小为8px 一般默认最低为12px 最大不限 font-style: 设置字体样式 normal表示普通体文字 italic表示斜体文字 font-weight: 设置字体粗细 normal表示普通体文字 bold表示粗体 font-family

样式表常用写法及特性（组合、继承、 关联性、 权值性、层叠性、重要性） 1.样式的组合：把具有相同声明定义的选择符组合在一起，并用逗号隔开。 －例如：段落元素p、单元格元素td和类c1可以使用相同样式： p,td,.c1{font-size:12pt;font-family:黑体;color:red} 2.样式的继承：若子元素未定义，则它将继承上级元素的样式的定义。但存在少数属性不能继承。( 但注意有一些css样式是不具有继承性的。如border:1px solid red; ) 继承时会一直向上找，如果在父级找到了就继承父的样式，如果父级没找到会去祖级去找，找到后会继承祖级的样式。 div{color:red;} <span>标签会继承<div>标签的样式 <div>三年级时，我还是一个<span>胆小如鼠</span>的小女孩。</div> 3.样式表的关联性： 样式表的关联性指在某些样式定义中，可以定义某样式仅在某个特定元素范围内才有效。 div>span{font-size:12pt;font-family:黑体;color:red} 4.样式的权值性： p和.first都匹配到了p这个标签上，那么会显示哪种颜色呢？green是正确的颜色，那么为什么呢？是因为浏览器是根据权值来判断使用哪种css样式的，权值高的就使用哪种css样式。 下面是权值的规则： 标签的权值为1

　　　　CSS叫做层叠样式表，用来设置页面中元素的样式。背景颜色、字体颜色、字体大小。。。 　　CSS负责结构、表现、行为中的表现 编写的位置 　　　　1.内联样式 将样式编写到标签的style属性中 <p style ="color:red;"></p> 　　　　　　　　　这种样式只会对当前标签起作用，不能对样式进行复用，不方便后期维护，不推荐使用 　　　　2.内嵌样式表 将样式表编写到head中的style标签中 <style type="text/css"></style> 　　　　　　　　　　　控制没有内联的精确，代码重用性好 　　　　3.外部样式表　将样式表编写到外部的CSS文件中，然后通过link标签将外部文件引入 　　　　　　　　　　　<link rel="stylesheet" type="text/css" href="文件的路径"/> 　　　　　　　　　　　将样式编写到外部样式表中，可以在不同的页面中使用同一个样式表，完全 　　　　　　　　　　　将表现和结构分离，方便后期的维护，推荐使用的方式 来源： https://www.cnblogs.com/zqy6666/p/11733294.html

/* 用颜色的单词表示不同的颜色：red, green, blue等等 */ p { background-color: red; } /* 用rgb三元色表示，rgb => red, green, blue rgb的浓度值：r(0~255), g(0~255), b(0~255) */ p { background-color: rgb(0, 0, 255); /* 蓝色 */ } /* rgb的百分比：r(0%~100%), g(0%~100%), b(0%~100%) 0必须写成0%否则不起作用 */ p { background-color: rgb(0%,100%,0%) /* 绿色 */ } /* rgb的十六进制值：r(00~ff), g(00~ff), b(00~ff) */ p { background-color: #ff0000; /* 红色，等价于：#f00 */ } p { background-color: #f00; /* 红色 */ } 来源： https://www.cnblogs.com/goujian/p/11731506.html

前端之css 1 | 0 CSS介绍 CSS（ C ascading S tyle S heet，层叠样式表)定义 如何显示 HTML元素。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 2 | 0 CSS语 2 | 1 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2 |2 CSS注释 /*这是注释*/ 注释是代码之母。 3 | 0 CSS的几种引入方式 3 | 1 行内样式 行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。 <p style="color: red">Hello world.</p> 3 | 2 内部样式 嵌入式是将CSS样式集中写在网页的 标签对的 标签对中。格式如下： <head> 　　<meta charset="UTF-8"> 　　<title>Title</title> 　　 <style> 　　　　 p{ background-color: #2b99ff; } 　　 </style> </head> 3 | 3 外部样式 外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可。推荐使用此方式。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 4 | 0

CSS技术的基本格式 上述格式中出现了三个英文单词，我来给大家分别解释： selector，选择器。是用来在HTML文档中选择其中出现的标记对的一种方法。 property，属性。是指我们将要学习到的大量的CSS属性。 value，值。是指CSS属性的取值 综合上面的翻译，我们将这个基本格式解释为：从HTML文档中选择（selector）出需要的标记对，对选择出的标记对施加CSS指定的属性（property），并将该属性设定为特定的取值（value），以让选择出的标记对在页面中呈现为一种不一样的效果。 不知道小编讲清楚没有，如果能有一个实际的例子肯定就更好理解了。下面我来利用一个简单的例子为大家说明CSS的功能。 我们都知道，<h1></h1>标记对在HTML文档中作为一级标题，它呈现出的颜色是黑色的。那么如果我想让<h1></h1>标记对呈现出红色的效果要如何实现呢？这就可以用到CSS技术。 用我们上面对CSS基本格式的解释来说，就是这个意思：从HTML文档中选择出<h1></h1>标记对，对该标记对施加“颜色”属性，并设置为“红色”。这样就可以让所有出现的<h1></h1>标记对在页面中呈现为红色的效果了。 好，那么，问题来了。CSS技术中表示文字颜色的属性叫什么名字呢？这个很简单，就叫做大家都熟悉的“color”。 来源： https://www.cnblogs.com

CSS 引入方式 行内式 <p style="color: red">这是行内样式</p> 内部样式 在head标签里写选择器 <!DOCTYPE html> <html> <head> <title></title> <style> p{ color: red; } </style> </head> <body> <p>这是内部样式</p> </body> </html> 外部引入 使用 标签引入外部css文件 <link rel="stylesheet" href="css/head.css" /> 选择器 基本选择器 元素选择器 p{ color: red; } id选择器 #head{ color: red; } 类选择器 .cl{ color: red; } 组合选择器 后代选择器（以空格分隔） 选取某元素的后代元素 li标签中的a标签 li a{ color: red; } 子元素选择器（以大于号分隔） 相比于后代选择器，子元素选择器只能选择作为某元素子元素的元素 div>p{ background-color:yellow; } 兄弟选择器（以~分隔） 选取所有指定元素之后的相邻兄弟元素 div~p{ background-color:yellow; } 毗邻兄弟选择器（以加号分隔） 选择紧接在另一元素后的元素，且二者有相同父元素 div+p{ background