最新前端权威0基础入门-css
导读： 层叠样式表(英文全称：Cascading Style Sheets 是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动...
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
行间样式：body中的style添加页面级：head 中外部css文件：head中
id=""对应 class=""对应标签对应name对应通配符：所有标签 对应
父子选择器 :选择了所有子，用空格分开
直接子元素选择器：只选择儿子
并列选择器：选择同时满足的标签
note:同一排选择器，权重相加取其大，若是一样，后来先到。
伪类选择器
同一个标签，根据其不同的种状态，有不同的样式。这就叫做"伪类"。伪类用冒号来表示。
伪类选择器分为两种。
静态伪类：只能用于超链接的样式.
超链接点击之前 链接被访问过之后
note：以上两种样式，只能用于超链接。
动态伪类：针对所有标签都适用的样式。如下：
"悬停"：鼠标放到标签上的时候 "激活"： 鼠标点击标签，但是不松手时。 是某个标签获得焦点时的样式（比如某个输入框获得焦点）
note：以上三种样式，只能用于超链接。
行级(内联)元素：内容决定元素所占位置，不可以通过css改变宽高。
例如;
span,strong,em,a,del.块级元素：独占一行，可以通过css改变宽高。
例如：div p ul ol li form adress行内区块元素：既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性。
note：可以通过display更改，带inline的元素有文字属性，通配符选择器可以用来初始化。
网页设计中常听的属性名：内容(content)、内边距(padding)、边框(border)、外边距(margin)， CSS盒子模型都具备这些属性。这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解，所以叫它盒子模型。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型。
padding最多四个值分别 上右下左margin最多三值上 （左/右）下
note：body默认margin为0
position用于定位，right/left、top/bottom表示距左，上多少像素。
属性详解absolute脱离原来位置定位related保留原来位置定位
一般用relative做参照物，absolute进行定位。
bfc是block format conext，用于改变盒子里面的语法规则
加粗:
其他属性:lighter->
normal->
bold->
bolder斜体：
其他属性: normal intalic oblique inherit分别是默认值、斜体、倾斜、继承字体：font-family：arial（jobs创的）颜色：color: 1. 英文 2. 数字 3. 函数边框：border：10px solid(实) black
note:设置单边border-left-color：transparent（透明色）对齐方式： text-align首行缩进：text-indent：xxem（xx个文本）
note:1em = 1 *font-size = 16px下划线：text-derocation 鼠标 cursor：help
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 最新前端权威0基础入门-css
本文地址： https://pptw.com/jishu/661613.html