六、样式表6.1 行内样式表
在 HTML 标签的 style 属性中定义的样式表,称为行内样式表。
行内样式表只能针对当前标签起作用
6.2 内嵌样式表
编写在标签中的样式表统称内嵌样式表,该样式表针对当前页面的所有标签起作用。
6.3 外部样式表
单独写在 css 文件中的样式表css 超链接样式 6.2 内嵌样式表,外部样式表可以在任何页面使用css 超链接样式,只要在页面中引用外部样式表文件就可以了。
6.3.1 连接方式引入外部样式表
6.3.2 使用 导入方式引入外部样式表
6.4 常用样式表6.4.1 文本样式
(1) text-:文本缩进(首行缩进)
(2) text-align:文本对齐方式
(3) word-:单词间隔
(4) -:字母间隔
(5) line-:设置行高
(6) font-size:设置字体大小
(7) font-:设置字体类型
(8) color:设置字体颜色
(9) font-style:设置字体样式(斜体)
(10) font-:设置文本粗细
(11) text-:;设置文字下划线
6.4.2 边框样式
(1) -width:设置边框宽度
(2) - left- width|-right-width |-top-width |--width:分别设置四周边框宽度
(3) -style:设置边框样式
(4) - left-style|-right-style |-top-style|--style:分别设置四周边框样式
(5) -color:设置边框颜色
(6) - left-color|-right- color|-top- color|--color:分别设置四周边框颜色
(7) :1px solid red;同时设置边框宽度、样式和颜色
(8) -: ;合并边框
6.4.3 背景样式
(1) -color:背景颜色
(2) -image:url(图片地址)背景图片
(3) -:设置背景图片重复(重复、不重复、横向重复、纵向重复)
(4) -size:设置背景图片大小(会根据页面大小自动缩放)
6.4.4 其他样式
(1) list-style: none;去掉列表前面的列表符号
(2) float: left;设置列表项内容左浮动(排成一排)
(3) : -block;设置显示风格为行块级自动变换显示
(4) -: 10px;设置圆角矩形
(5) :设置空白距离(top,left,,right)
(6) :设置元素内的填充距离(top,left..right)
(7) : ;隐藏浏览器中的滚动条
6.4.5 超链接样式(伪类)
用于对超链接进行修饰
(1) 超链接默认样式(未访问过的超链接): a:link{}
(2) 超链接访问过的样式: a:{}
(3) 鼠标悬浮样式: a:hover{}
(4) 超链接活动样式(点击超链接时的样式): a:{}
不同链接使用不同的样式
小编这里有一套前端教程,包含前端电子书+源码+视频,总共10多个G,如果你想学习前端css 超链接样式,可以私信我“1”,或者进我的主页领取