CSS
2018-10-08 08:21:46 18 举报AI智能生成
通过使用 CSS 来提升工作效率！ 在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。
作者其他创作
大纲/内容
背景 background
background-color 颜色
background-image 图片背景
background-repeat 背景图片平铺
background-position 改变图像在背景中的位置
center
top
bottom
left
right
background-attachment 背景关联
fixed 固定
字体
font-style 设置斜体文字
normal 正常显示
italic 斜体显示
oblique 倾斜显示
font-weight 设置粗体文字
bold
font-size 设置文本大小
表格
border 边框 可以设置颜色 粗细
border-collapse 单线条边框
width height 宽和高
text-align 表格文本水平对齐
vertical-align 表格文本垂直对齐
padding 内边距
设置表格颜色 background-color
定位
display
position
absolute 绝对定位
relative 相对定位
fixed 固定
z-index
clip 剪切图像
vertical-align 垂直对齐一副图像
text-top
text-bottom
sub
super
top
浮动 float
left
right
clear：both 清除浮动
动画
选择器
元素选择器
类选择器
需要为两个或两个以上的标签设置相同属性时 建议使用类选择器
ID选择器
同一个html页面不能出现两个相同的id选择器
属性选择器
后代选择器
子元素选择器
相邻兄弟选择器
伪类
a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上
a:active 选定的链接上
在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的
在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的
文本
text-indent 首行缩进
text-align 文本行之间的对齐方式
left
right
center
word-spacing 改变字（单词）与字（单词）之间的距离
letter-spacing 改变字符、字母之间的距离
text-transform 处理文本的大小写
text-decoration 给文本加线条
none 去除线
underline 下划线
overline 上划线
line-through 删除线
blink 让文本闪烁
color 设置文本颜色
background-color 设置文本背景颜色
line-height 设置行高
text-shadow 设置文本阴影
列表
list-style-type
circle 空心圆
square 方块
upper-roman 罗马数字
lower-alpha 字母
list-style-image
url图片地址
list-style-position
inside
outside
边框 border
内边距 padding
可以使用像素和百分比 但是不能使用负数
上、右、下、左
边框 border
宽度 border-width
颜色 border-color
样式 border-style
外边距 margin
margin-left：auto 对齐
多媒体
三种引入方式
外部样式表
link标签引入
内部样式表
在style标签里写css样式
内联样式表
在标签里的style属性里定义
0 条评论
下一页
