1.CSS链接
<a href="https://www.baidu.com/" target="_blank">This is a link</a>
href表示链接跳转的地址 _blank表示在新页面内打开网页 如果不设置target的值将默认在当前页面打开新的链接
伪元素设置属性样式。
a:link
- 一个正常的、未访问的链接
a:visited
- 用户访问过的链接
a:hover
- 用户将鼠标悬停在链接上时的链接
a:active
- 点击时的链接
以a:link为例
a:link{ color;red }
表示未访问的a链接的颜色为红色
2.文本样式
text-decoration文本样式修饰,包括:
text-decoration-line属性用于向文本添加装饰线,包括下划线(underline)、上划线(overline)、删除线(line-through)
text-decoration-color属性用于向文本设置装饰线的颜色。颜色值可以是英文,十六进制以及rgb
text-decoration-style属性用于向文本设置装饰线的样式。包括实现(solid)、双实线(double)、点线(dotted)、虚线(dashed)、波浪线(wavy)
text-decoration-thickness属性用于向文本设置装饰线的粗细。可以是数值、也可以是百分比
p{
text-decoration-line:underline;
text-decoration-color:red;
}
3.背景样式
background背景样式修饰,包括:
background-color属性用于设置背景颜色,可以是英文颜色,十六进制以及rgb
background-image属性用于设置背景图片。如url("tupian.jpg")
background-repeat属性用于设置背景图片是否重复,该属性包括no-repeat、repeat-x、repeat-y要么不重复就引入一个图片当做背景,要么沿x轴或y轴重复,不设置该值则默认x和y轴一起重复铺开
background-attachment属性用于设置背景图片是否固定或者是否能够随着页面的其余部分一起滚动。包括fixed、scroll。不设置就默认没有这两种效果,图片静止。
background-position属性用于设置背景图片的位置。可以是两个表示方向的英文单词,如:left top;或者center left;等等。或者是两个表示距离的数,如18px 20px;也可以是百分比x% y%;
当设置后两种形式时,第一个表示x轴的距离,第二个表示y轴的距离。这三种方法如果都只设置了一个值,那么第二个值将默认center、50%。
今天就这些,老样子附上今天的小练。