2017年8月16日 - 前端学习第28天

时间：2021-05-01 14:06:37

CSS

概念

层叠样式表（Cascading Style Sheets）
特性：1，继承性
　　　2，层叠性
　　　3，优先级-权重值
　　　　　权重值相同时，最后一个覆盖之前的
　　　　　行内>内联>外部，就近原则
　　　　　 ！important拥有最高优先级，不改变实际权重值
意义：
　1，提高页面加载速度
　2，缩短改版时间，减低维护成本
　3，字体控制以及排版
　4，易于编写
　5，更好控制页面布局
　6，表现和结构、内容相分离
　7，搜索引擎优化

语法规则

引入方式

　1，外部样式表<link />
　2，嵌入样式表
　3，内联样式表（行内）
　4，导入样式表@import属于CSS2.1特有（兼容性），先加载HTML，再加载CSS，网络差时体验不好

怎样使用

　选择器-选择对象
　属性-对这个对象操作
　值-具体效果
　
　一　选择器
　　1：直接使用标签
　　2：类别
　　　
　　　伪类
　　　　　a标签（超链接）具有四种伪类
　　　　　　　1，未点击状态a:link{}
　　　　　　　2，点击后的a:visited
　　　　　　　3，悬停a:hover
　　　　　　　4，激活，按住不动active
　　　选择器的优先级（权重）：
　　　　　div.test1 .span var 优先级 1+10 +10 +1
　　　　　span#xxx .songs li 优先级1+100 + 10 + 1
　　　　　#xxx li 优先级 100 +1

CSS标签

基本属性
1，字体样式

font-family:"楷体";
font-size:12px;（最小12px）
font-weight:bold(700)/normal(400)（100到900）;
font-style:normal;italic斜体更换一种字体;oblique倾斜（将正常字体倾斜）;inherit从父元素继承字体样式;
复合样式
font:style weight size family
text-transform:uppercase；大小写
text-indent:2em；首行缩进
word-spacing
letter-spacing

背景

简写：颜色 图片 重复 滚动 定位；可省略
background-aattachment:fixed/scroll;固定背景/滚动背景
background-position:center top;背景固定

文字居中，设置单元格
文字和图片中部对齐

特殊实体

&gt；>
&lt；<
&nbsp；空格
&copy；版权声明
……
标签：