风也温柔

计算机科学知识库

css 超链接样式 6.2 内嵌样式表

  六、样式表6.1 行内样式表

  在 HTML 标签的 style 属性中定义的样式表,称为行内样式表。

  行内样式表只能针对当前标签起作用

  css链接样式_css a链接样式_css 超链接样式

  6.2 内嵌样式表

  编写在标签中的样式表统称内嵌样式表,该样式表针对当前页面的所有标签起作用。

  css a链接样式_css链接样式_css 超链接样式

  6.3 外部样式表

  单独写在 css 文件中的样式表css 超链接样式 6.2 内嵌样式表,外部样式表可以在任何页面使用css 超链接样式,只要在页面中引用外部样式表文件就可以了。

  6.3.1 连接方式引入外部样式表

  css链接样式_css 超链接样式_css a链接样式

  css链接样式_css 超链接样式_css a链接样式

  6.3.2 使用 导入方式引入外部样式表

  css a链接样式_css 超链接样式_css链接样式

  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) -:设置背景图片重复(重复、不重复、横向重复、纵向重复)

  css链接样式_css a链接样式_css 超链接样式

  (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) : ;隐藏浏览器中的滚动条

  css链接样式_css 超链接样式_css a链接样式

  6.4.5 超链接样式(伪类)

  用于对超链接进行修饰

  (1) 超链接默认样式(未访问过的超链接): a:link{}

  (2) 超链接访问过的样式: a:{}

  (3) 鼠标悬浮样式: a:hover{}

  (4) 超链接活动样式(点击超链接时的样式): a:{}

  css链接样式_css 超链接样式_css a链接样式

  不同链接使用不同的样式

  css链接样式_css a链接样式_css 超链接样式

  小编这里有一套前端教程,包含前端电子书+源码+视频,总共10多个G,如果你想学习前端css 超链接样式,可以私信我“1”,或者进我的主页领取

  文章来源:https://www.bilibili.com/read/cv10895141