本次来介绍一些常用的CSS元素以及他们常用的CSS属性(注:本文并不展现全部的CSS属性以及属性值,只展示一些较为常用的)
目前较为常用的属性有background,font,border,outline,margin,padding,display,overflow,position,flex等
首先,background属性用的最为频繁,不论是增加背景颜色亦或者是增加背景图片都要用到,常用的属性值有两个,即background-color(背景颜色)和background-image(背景图片),背景图片则有两个较为重要的属性,即position(设置背景图像的起始位置)以及repeat(设置背景图片是否重复),position的属性值有top,right,bottom,left等,可以根据布局进行适当的调整,repeat的属性值则有多个,例x-repeat(在X轴上平铺),y-repeat(在Y轴上平铺),no-repeat(禁止平铺),repeat(上下左右平铺,即默认属性)
其次我们在布局网页的时候文字使用也是最频繁的,除了直接使用h1-h6标签自带的文字属性以外,就需要使用文字的属性来控制文字,最常用的属性有
font-family(设置文本的字体系列,例如各种你喜欢的楷体,宋体等 注:未经允许使用某些字体进行盈利会侵权),font-size(字号大小,通常格式为'数字+单位'),font-weight(设置字体粗细,通常直接使用bold(粗体),normal(正常))
link属性,常用于引用CSS的外部样式,具体格式为“ ”,在href中填写路径进行引用,除此之外还能引申出来一个伪类选择器的用法,是各个网站 布局后期不使用JS时的小交互,分别为
(1)a:link - 正常,未访问过的链接
(2)a:visited(访问) - 用户已访问过的链接
(3)a:hover(覆盖,放上) - 当用户鼠标放在链接上时
(4)a:active(活动) - 链接被点击的那一刻
这四个可以去修改""的默认样式,他们指向的都是用户做出交互以后的变化,属于灵活多变的类型,即伪类选择器的特性,允许我们指定一些元素发生设定的交互时才发生变化,后续可使用这个做一些简单的用户交互。