css颜色

1、派生选择器 div span{color：red} 2、id选择器 #diva{color:red} 3、id选择器与派生选择器结合使用 #diva p{color:red} 4、类选择器.divclass{color}，同样类选择器下的派生选择器 .divclass p{} 5、属性选择器 [ title]{color:red} 指定命名的属性选择器 [ title="t"]{color:red} 5、padding与margin，比如说黑色是一个p标签（背景设为黑色，文字设为黄色），padding设置后就是文字到与背景距离， margin为p标签到上级之间的距离。 6、background背景 background-color背景颜色，background-image背景图片，background-position:right top/100px 150px(距左、距上)，background_repeat图片是否从复， background-attachment图片是否固定位置（向下移动时候图片是否继续可见） 7、文本样式 #p3 { text-transform : lowercase ;} p { width : 300px } p { text-shadow : 3px 5px 1px #ff0000 ;}背景阴影， 四个参数分别为,距离原坐标距离，上面距离

CSS: 层叠样式表 style:样式 修饰和美化整个网页，实现各种不同的网页布局风格 行内样式的优先级最高 内部样式和外部样式并没有明确的优先级，看先后书写顺序，后写的会覆盖先写的 行内样式：将css样式直接加到html每一个标签上，在头部标签书写 类似于写HTML的属性 使用style="样式名:样式内容;" 来设置 例： <p style="color:red;">文字颜色是红色</p> 内部样式： <style></style>需要使用一对style标签，一般写在html的head标签中 外部样式：需要使用link标签来引入一个css文件 rel属性表示引入文件的类型 href属性表示引入文件的路径 导入样式和外部样式的区别： 导入样式：加载顺序是先加载HTML页面，当所有页面内容加载完之后，才会开始加载css， 会导致页面刚打开的前一两秒有短暂的没有css效果的网页 外部样式：加载HTML页面的同时一起加载CSS样式 关于编程语言 命名要求：不能以数字开头，不能使用特殊符号 可以使用的有 字母 数字 下划线 _ 美元符号 $ css的选择器： 基本选择器（元素选择符）： 优先级： id > 类 > 标签 > 通配符 优先级的计算： 采用权重值计算 id 权重值 100 类 10 标签 1 通配 0 通配选择符： * 表示 代表匹配页面中所有的HTML标签，设置统一的样式

CSS: 层叠样式表 style:样式 修饰和美化整个网页，实现各种不同的网页布局风格 行内样式的优先级最高 内部样式和外部样式并没有明确的优先级，看先后书写顺序，后写的会覆盖先写的 行内样式：将css样式直接加到html每一个标签上，在头部标签书写 类似于写HTML的属性 使用style="样式名:样式内容;" 来设置 例： <p style="color:red;">文字颜色是红色</p> 内部样式： <style></style>需要使用一对style标签，一般写在html的head标签中 外部样式：需要使用link标签来引入一个css文件 rel属性表示引入文件的类型 href属性表示引入文件的路径 导入样式： 暂时已经被废弃掉 导入样式和外部样式的区别： 导入样式：加载顺序是先加载HTML页面，当所有页面内容加载完之后，才会开始加载css， 会导致页面刚打开的前一两秒有短暂的没有css效果的网页 外部样式：加载HTML页面的同时一起加载CSS样式 常见的CSS样式： color：文字颜色 background-color 背景颜色 关于编程语言 命名要求：不能以数字开头，不能使用特殊符号 可以使用的有 字母 数字 下划线 _ 美元符号 $ css的选择器： 基本选择器（元素选择符）： 优先级： id > 类 > 标签 > 通配符 优先级的计算： 采用权重值计算 id

在css样式规则中: 1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。 3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。 4.属性和属性值之间用英文“:”连接。 5.多个“键值对”之间用英文“;”进行区分。 可以用段落 和 表格的对齐的演示。 来源： https://www.cnblogs.com/lujunyu/p/11713292.html

1.【html】png8和png24有什么区别？ 　　　　　　我的答案：不知道 　　　　　　百度见解： png8: 要么完全透明，要么完全不透， 不支持半透明 ； 　　　　　　　　　　 　png24：支持半透明 　　　　　　注意： 他们的根本区别不是颜色位的区别，而是存储方式的不同。 　　　　　　所以就可以这样： 1》色彩丰富的，大的图片切成jpg的 　　　　　　　　　　　　　　 2》尺寸小的，色彩不丰富的和背景透明的切成gif,或者png8的； 　　　　　　　　　　　　　　 3》半透明的切成png24; 具体参考这篇文章，写的很好懂： https://blog.csdn.net/ebw123/article/details/39852689 2.【css】用css给一个元素加边框有哪些方法？ 　　　　　　我的答案：写这个元素的css样式，border:1px solid red; ✔ 　　　　　　百度见解： 3.【js】stopPropagation()和preventDefault()这两个方法有什么区别？ 　　　　　　我的答案：前者是阻止冒泡，后者是阻止默认行为，例如a标签的跳转 ✔ 　　　　　　百度见解： 来源： https://www.cnblogs.com/hou-yuan-zhen/p/11712411.html

CSS学习（3）样式表 如何插入样式表1765243235 插入样式表的方法有三种: 外部样式表(External style sheet) 内部样式表(Internal style sheet) 内联样式(Inline style) 外部样式表 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。 <link> 标签在（文档的）头部： < head > 　　 < link rel = " stylesheet " type = " text/css " href = " mystyle.css " > </ head > 注：不要在属性值与单位之间留有空格（如："margin-left: 20 px" ），正确的写法是 "margin-left: 20px" 。 内部样式表 当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，就像这样: < head > < style > hr {color:sienna;} p {margin-left:20px;} body {background-image:url("images/back40.gif");} </ style > </ head > 内联样式

目录 一、介绍 使用bootstrap的两种方式 二、使用 1. 全局 CSS 样式 2. 组件 一、介绍 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 下载地址： Bootstrap中文网 使用bootstrap的两种方式 下载后直接引用bootstrap的css和js文件 直接引用bootstrap的css和js文件： <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.1/js/bootstrap.min.js"></script> 二、使用 1. 全局 CSS 样式 设置全局 CSS 样式； 基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。 BootStrap全局 CSS 样式文档地址 ： https://v3.bootcss.com/css/ 具体使用方法请参考文档 2. 组件 包含无数可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。 BootStrap全局 CSS

目录 前端css 1 css介绍 2 css语法 2.1css实例 2.2css注释 3 css的几种引入方式 3.1行内样式(内联样式表) 3.2内部样式 3.3外部样式 4 css选择器 4.1基本选择器 4.1.1元素选择器 4.1.2 ID选择器 4.1.3类选择器 4.1.4通用选择器 4.2组合选择器 4.2.1后代选择器 4.2.2儿子选择器 4.2.3 毗邻选择器 4.2.4弟弟选择器 4.3 属性选择器 4.4分组和嵌套 4.4.1分组 4.4.2嵌套 4.5伪类选择器 4.6伪元素选择器 4.7选择器的优先级 5 css属性相关 5.1宽和高 5.2字体属性 文字字体 字体大小 字体的粗细（字重） 文本颜色 5.3文字属性 文字对齐 文字装饰 首行缩进 文字之间的距离 5.4 背景属性 5.5边框 5.6border-radius 5.7display属性 5.8 CSS盒子模型 5.9 margin外边距 5.10padding内填充 5.11 float 三种取值 5.12clear 清除浮动 5.13 overflow溢出属性 5.14 定位（position） static relative（相对定位） absolute（绝对定位） fixed（固定） 是否脱离文档流 5.15 z-index 5.16 opacity 综合 前端css 1 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></head>标签对的<style></style>标签对中。格式如下： < head > 　　 < meta charset ="UTF-8" > 　　 < title > Title </ title > 　　 < style > 　　　　 p { background-color : #2b99ff ; } 　　 </ style > </ head > 3 | 3 外部样式 外部样式就是将css写在一个单独的文件中，然后在页面进行引入即可。推荐使用此方式。 < link href =

前端基础之CSS 1 | 0 css介绍 css(Cascading Stylr Sheet，层叠样式表) 定义如何显示HTML元素 当浏览器督导一个样式表，他就会按照这个样式表来对文档进行格式化(渲染) 2 | 0 css语法 2 | 1 css实例 每个CSS样式由组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 2 .2 CSS注释 /*这是注释*/ 注释是代码之母 3 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{backgroud-color:red;} </style> </head> 3.3 外部样式 外部样式就是将CSS写在一个但单独的文件中，然后在页面进行引入即可。推荐使用此方式 <link href="mystyle.css" rel="stylesheet" type="text/css/"/> 4 CSS选择器 4.1 基本选择器 元素选择器 p{color:"red";} ID选择器