CSS文本
css属性可定义文本外观
通过文本属性,可以改变文本的颜色,字符间距,对齐文本,装饰文本,对文本缩进
(1)color:文本颜色(下一级标签可继承)
(2)text-align:文本对齐方式(默认left)
(3)text-indent:缩进文本首行
(4)text-trans:元素中字幕的设置
属性:capitalize:每个单词的首字母大写
lowercase:所有字母都小写
uppercase:所有字母都大写
(5)text-shadow:向文本添加阴影
text-shadow: 5px 5px 5px #ff0000;
第一个5px:表示背景距左的距离(相对于原文字)
第二个5px:表示背景距上方的距离(相对于原文字)
第三个5px:表示阴影的像素,为0与原文字相同
(6)text-wrap:规定文本换行规则
width:100px;
text-wrap:normal;
若文本内容是英文,不会拆开一个单词
CSS字体
CSS字体属性定义文本的字体系列,大小,加粗,风格和变形
(1)font-family:设置字体系列
(2)font-size:设置字体大小
(3)font-weight:设置字体的粗细
(4)font-style:设置字体的风格
CSS链接
(1)链接的四种状态
a:link : 普通的,未被访问的链接
a:visited : 用户已访问的链接
a:hover : 鼠标指针位于链接的上方
a:action : 链接被点击的时刻
(2)常见链接样式
text-decoration:none;
大多用于去掉链接中的下划线
CSS列表
CSS列表允许放置,改变列表标志,或者将图像作为列表项标志
(1)list-style-type:列表类型(圆点,数字……..)
(2)list-style-image:列表像图片
eg:list-style-image:url("图片名");
CSS表格
(1)board:表格边框,边缘大小,边缘颜色
(2)board-collapse:collapse合并边框(变单线)
(3)background-color:表格背景颜色
(4)padding:npx;内边距
CSS轮廓
CSS轮廓主要用来突出元素的作用
(1)outline-color:设置轮廓的颜色
(2)outline-style:设置轮廓的样式:实线,虚线,双虚线,双实线......
(3outline-width:设置轮廓的宽度