CSS
CSS的作用：以何种外观展示数据
CSS的使用：
1、行内样式：标签上使用style属性定义
2、内部样式表：<head>标签中使用<style>标签定义
3、外部样式表：创建CSS文件，<head>标签中使用<link>标签引用
样式的优先级：就近原则
选择器：
1、id选择器
行内>内部>外部
2、类选择器
3、标签
优先级：范围最小原则
id>类>标签
<span>标签（行级标签）
作用：
1、能让某几个文字或者某个词语凸显出来
字体样式：
font-family：
设置字体类型（如楷体等）
字体包导入：@font-face{}
-size：
设置字体大小，常用单位：px、em
-style：
设置字体风格
normal：默认
italic和oblique：倾斜
-weight：
设置字体的粗细
normal默认400
bold粗体700
bolder更粗900
lighter更细200
font：先写风格，再写粗细，再写大小，最后写样式
文本样式：
color：
设置文本颜色
<a>和<table>标签不继承color样式
颜色单词
RGB
RGBA
text-align：
设置元素水平对齐方式
left：把文本排列到左边，默认值由浏览器决定
right：把文本排列到右边
center：把文本排列到中间
justify：实现两端对齐文本效果
vertical-align：
垂直对齐
middle
text-indent：
设置首行文本缩进
line-height：
设置文本的行高，一般定义50px
text-decoration：
设置文本的装饰
none：标准
underline：下划线
line-through：删除线
overline：上划线
text-shadow：
设置文本的阴影
color x-offset y-offset blur-radius
超链接伪类
使用CSS设置超链接：
a:link：未单击访问时超链接样式
a:visited：单击访问时超链接样式
a:hover：鼠标悬浮其上的超链接样式
cursor:pointer：光标样式
a:active：鼠标单击未释放时的超链接样式
设置伪类的顺序：a:link->a:visited->a:hover->a:active
常用伪元素
:before和:after
属性：
content
插入的内容，必须的属性
attr
使用元素的属性值作为插入的内容
:first-letter
用于首字母的定义
:first-line
用于首行的定义
网页背景
背景颜色：background-color(transparet为透明)
背景图像：background-image：url
背景重复：background-repeat
repeat:沿水平和垂直两个方向平铺
no-repeat：不平铺，只显示一次
背景定位：background-position
写法：background：颜色 图像 定位 不重复
背景尺寸：background-size
auto:原图默认大小
percrntage:
cover:放大填充整个元素
contain：保持本身比例，缩放到所适应的背景区域
CSS3渐变
线性渐变：background: linear-gradient(direction, color-stop1, color-stop2, ...);
direction:
渐变的起始方向，
left | right | top | bottom | deg
径向渐变：ackground: radial-gradient(center, shape size, start-color, ..., last-color);
center
：渐变圆心的位置。
x% y%
，默认为中心，即
50% 50%，shape size
：渐变的大小
扫一扫
1697
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
