css颜色

width：（宽度） height：（高度） border：1px solid red；（边框 ：边框粗细 显示 颜色） border-radius：10deg；（边框变圆角） box-shadow：10px 10px 10px red；（div盒子阴影：右侧阴影10px，下侧阴影10px，淡化拉伸阴影10px，阴影颜色；为负值时位置相反） background-color：（背景颜色） background-image：url（）（背景图片） background-size：（背景尺寸） background-repeat：no repeat（背景平铺：不平铺） background-position: top / bottom / left/ right;（背景位置：上下左右） color：（字体颜色） font-size：（字体尺寸大小） font-style：（字体格式） font-weight：（字体宽度） font-decoration：underline（字体标注：下划线） text-align：（字体水平位置） display：table-cell；（字体垂 ―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――― padding： 0； } ――――――――――――――――――――

ACCP8.0 HTML标签 第一章 1、HTML超文本标记语言 2、网页 3、网页头部 4、网页标题 5、网页主体 6、DOCTYPE声明3种级别： （1） 严格类型 （2）过渡类型 （3）框架类型 7、网页摘要标签 8、字符编码： 简体中文 纯英文 繁体 国际通用编码 9、W3C 万维网联盟 10、标题标签 11、段落 12、换行 13、水平线 14、字体加粗 15、斜体字 16、注释 17、特殊符号 空格： 大于号：> 小于号：< 引号：" 版权符号：? 18、图像标签 19、链接标签 常用取值：（自身窗口）和（新建窗口） 20、锚链接 21、功能性链接 第二章 22、无序列表 属性取值：实体圆心实体方心 circle空心圆 23、有序列表 属性取值：数字 大/小写字母 大/小写罗马数字 24、定义列表 25、表格 26、 表格跨列属性 表格跨行属性 27、视频元素：手动控制播放 自动播放 循环播放 28、音频元素： 29、HTML5结构元素 标题头部区域的内容（用于页面或页面中的一块区域） 标记脚部区域的内容（用于整个页面或页面的一块区域） Web页面中的一块独立区域 独立的文章内容 相关内容或应用（常用于侧边栏） 导航类辅助内容 30、iframe内联框架 第三章 31、表单 32、表单元素： 33、表单只读属性：” 34、表单禁用属性：” 35、域： 域标题： 36

一：渐变 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 background: linear-gradient( direction , color-stop1 , color-stop2, ... ); 径向渐变（Radial Gradients）- 由它们的中心定义 background: radial-gradient( center, shape size, start-color, ..., last-color ); 重复的径向渐变 　　 background: repeating-radial-gradient ( center, shape size, start-color, ..., last-color ); 补充： shape 参数定义了形状。它可以是值 circle 或 ellipse。其中，circle 表示圆形，ellipse 表示椭圆形。默认值是 ellipse。 size 参数定义了渐变的大小。它可以是以下四个值： closest-side farthest-side closest-corner farthest-corner #grad { background : - webkit - radial - gradient ( circle , red , yellow , green ); /*

HTML文档中的所有元素都是由矩形盒子构成的――不管是包含页面结构的容器元素，还是段落中的每行文本，归根结底都是盒子。 设置页面背景颜色。 body { background-color: #bada55; } 简写属性： body { background: #bada55; /* 这里会把其他属性重置为默认值 */ } 通过 background 可以一次性地设置与背景相关的多个属性。 十六进制表示法： 一个 # 后面加上6位十六进制数字构成的字符串。 这个字符串由3组数字（每组各2位）构成，每个数字的取值范围是0~F。十六进制的意思就是每个数字都可能有16种不同的值，因此除了0~9这10个数，还要用A~F补足第11~16位数。 3组数字分别表示颜色中的红、绿、蓝（RGB）通道的值。每种颜色通道的值有256种可能，也就是2位十六进制数所能表示的可能性（16×16=256）。 如果3组数字中每组的2位数字相同，可以简写成3位数字。 颜色值也可以用预定义的关键字表示（比如red、green、blue等等）。 rgb()函数式表示法： RGB的每个值可以是一个十进制数值，取值范围为0~255，也可以是一个百分比值，取值范围为0%~100%。 body { background-color: rgb(186, 218, 85); } hsl()函数式表示法： 色相-饱和度-亮度（hue

简书原文 https://www.jianshu.com/p/e82c27aa05c7 前言 该中文手册是我在 Sass中文文档 的基础上编辑的，或者也可以理解为就是Sass中文文档的翻版。之所以有这篇文章的原因还是在于Sass中文文档并没有全部翻译成中文，这样每次我查找文档的时候又需要对其再理解一次，与其如此，不如我自己完善这份文档，并且加上一些我自己的理解或者注解，这样以后我查阅的时候可以更好的使用该份文档。同时，我将这篇文章公开出来，当然，如果喜欢看原文的可以去Sass官网看中文文档，这完全没有问题，不可否认，那才是正版，我只是希望我写的东西能帮助到读者，仅此而已。 考虑到写成一篇整体篇幅太大，因此将中文手册分成两篇，这篇只是大概对Sass进行介绍，下篇才是具体的语法。 大纲 1、什么是Sass? 2、为什么使用Sass? 3、Sass和SCSS的区别和联系 4、Sass的安装和使用 5、Sass的输出样式 1、什么是Sass? Sass (Syntactically Awesome StyleSheets) CSS(Cascading Style Sheets)(层叠样式表) Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好，

目录 css基础样式 1、文字样式 2、背景样式 3、显示样式 css基础样式 1、文字样式 文字样式是用来控制字体或文本的显示方式的。 /*字族：STSong作为首选字体, 微软雅黑作为备用字体*/ font-family: "STSong", "微软雅黑"; /*字体大小*/ font-size: 40px; /*字重：100、200、300、400、500、600、700、800、900，值越大字越粗*/ font-weight: 900; /*行高: 字体文本默认在行高中垂直居中显示*/ line-height: 200px; /*字划线: overline(上划线) | line-through(中划线) | underline(下划线) | none(取消划线) */ text-decoration: overline; /*字间距*/ letter-spacing: 2px; /*词间距*/ word-spacing: 5px; /*首行缩进：1em相当于一个字的宽度*/ text-indent: 2em; /*字体颜色*/ color: red; /* 文本水平排列方式：left(水平居左) | center(水平居中) | right(水平居右) */ text-align: center; 2、背景样式 标签的背景除了背景颜色还可以有背景图片

CSS3 1、CSS3是什么 CSS3就是css语言，数字3是该语言的版本号；css语言开发的文件是以.css为后缀，通过在html文件中引入该css文件来控制html代码的样式（css语言代码也可以直接写在html文件中），采用的语言是级联样式表 （Cascading Style Sheet），也属于标记语言。 2、css代码书写位置 css是来控制页面标签的样式，但是可以根据实际情况书写在不同的位置，放在不同位置有不同的专业叫法，可以分为行间式、内联式和外联式三种。 2-1 行间式 css样式书写在标签的style全局属性中，一条样式格式为 样式名: 样式值 单位;，可以同时出现多条样式 <!-- 关键代码 --> <!-- 给div标签设置宽高背景颜色 --> <div style="width: 200px; height: 200px; background-color: orange;"></div> 2-2 内联式 css样式书写在head标签内的style标签中，样式格式为 css选择器 { 样式块 }，样式块由一条条样式组成 <!-- 关键代码 --> <head> <style> /* css语法下的注释语法 */ /* 设置页面中所有h2标签宽高背景颜色 */ h2 { width: 50px; height: 50px; background-color:

前言 最近使用angualr开发一个应用，但是因为这个应用样式风格经常性的改动，在设计之初和同事讨论采用皮肤方式进行设计，便于对应用UI管理.那么我选择了Less进行样式编写。我的同事因为是一个纯后端，所以它对Less不怎么了解，问我Less是什么？为啥要用Less?所以我今天就记录一下，让更多想了解Less同学能够通过我的表述获得一些收获。 什么是Less？ LESS是一个CSS预处理器，可以为网站启用可自定义，可管理和可重用的样式表。 LESS是一种 动态样式表语言 ，扩展了CSS的功能。 LESS也是跨浏览器友好。CSS预处理器是一种脚本语言，可扩展CSS并将其编译为常规CSS语法，以便可以通过Web浏览器读取。 它提供诸如变量，函数， mixins 和操作等功能，可以构建动态CSS。 为什么用Less? Less支持创建更简洁，跨浏览器友好的CSS更快更容易。 Less是用JavaScript设计的，并且创建在 live 中使用，其编译速度比其他CSS预处理器更快。 Less保持你的代码以模块化的方式，这是非常重要的，通过使其可读性和容易改变。 可以通过使用LESS 变量来实现更快的维护。 备注：Less 2009年被设计，第一版是用Ruby编写的，后来被JavaScript代替。 Less CSS对CSS的扩展，使得其可以创建更加简洁友好、可重用性高的样式

Bootstrap是当前世界最受欢迎的响应式、移动设备优先的门户和应用前端框架。它不是单一的CSS或JavaScript框架，而是完整的HTML、CSS、JavaScript框架，你可以仅通过Bootstrap简单、快速的开发移动设备优先的响应式布局页面和应用。 一　　Bootstrap简介 　　 1，bootstrap文件目录 　　你可以在Bootstrap官网，下载不同版本的文件包，现在最新的版本是4.3.x。解压文件后有两个子文件夹，CSS和JS，他们的目录如下： 　　所有文件都有普通版和压缩版。.min的即是压缩版，去除了空白字符等，使文件更小。.map是Source map文件，需要特定的工具才可以使用。关于Source map文件详细情况可以参考这里 阮一峰博客 。或 戳这里 。 　　bootstrap.css是Bootstrap的核心CSS文件，一般根据需要选择bootstrap.css或bootstrap.min.css即可。bootstrap-grid.css是Bootstrap提供的单独使用其栅格系统的CSS文件。bootstrap.reboot.css则仅做引导（初始化）文件使用。 核心CSS文件包含了grid和reboot文件 。 　　bootstrap.js是Bootstrap提供的核心JS文件，而bootstrap.bundle.js与bootstrap

Bootstrap是当前世界最受欢迎的响应式、移动设备优先的门户和应用前端框架。它不是单一的CSS或JavaScript框架，而是完整的HTML、CSS、JavaScript框架，你可以仅通过Bootstrap简单、快速的开发移动设备优先的响应式布局页面和应用。 一　　Bootstrap简介 　　 1，bootstrap文件目录 　　你可以在Bootstrap官网，下载不同版本的文件包，现在最新的版本是4.3.x。解压文件后有两个子文件夹，CSS和JS，他们的目录如下： 　　　 　　　　 　　所有文件都有普通版和压缩版。.min的即是压缩版，去除了空白字符等，使文件更小。.map是Source map文件，需要特定的工具才可以使用。关于Source map文件详细情况可以参考这里 阮一峰博客 。或 戳这里 。 　　bootstrap.css是Bootstrap的核心CSS文件，一般根据需要选择bootstrap.css或bootstrap.min.css即可。bootstrap-grid.css是Bootstrap提供的单独使用其栅格系统的CSS文件。bootstrap.reboot.css则仅做引导（初始化）文件使用。 核心CSS文件包含了grid和reboot文件 。 　　bootstrap.js是Bootstrap提供的核心JS文件，而bootstrap.bundle