Css样式

1、字体相关属性

color:该属性用于控制字体颜色,该属性值包括字符类型的颜色名、十六进制的颜色值、rgb(255,255,255)值。还有CSS3提供的HSL颜色值。

font-famliy:设置文字的字体。因为浏览器内嵌字体的支持,该属性可以设置多个显示字体,

浏览器按该属性指定的多个字体依次搜索,以优先找到的字体来显示文字, 

多个属性值之间用逗号(,)隔开。

font-size:设置字体的大小。此处的字体大小分为相对字体大小和绝对字体大小。

还可以使用关键字。例如:medium,saml,large,samller,larger等

绝对字体大小:使用像素(px),点(pt),皮卡(pc),英寸(in)来设置字体的大小,

它们是绝对单位,设置多大就是多少,不会受到祖先元素的字体大小影响。

 

相对字体大小:使用百分比(%),em或者rem,这些单位的值是相对的,该字体的大小要相对该元素最近的“被设定过字体大小”的祖先元素来确定,比绝对字体大小的设定要复杂点。

 

font-style:设置字体的风格。属性值有:normal(正常),italic(斜体),oblique(倾斜)。

font-weight:设置字体是否加粗。属性值:lighter,normal,bold,bolder.

 

font-variant:设置文字的大写字符的格式。属性值:normal,small-caps(小型的大写字母字体)

font: 简写。

简写规则:

规则一:声明font-size和font-famliy的值

规则二:顺序

①font-weight,font-style,font-variant不分先后

②然后是font-size

③最后是font-famliy

2、文本相关属性

(1)text-decortion:该属性用于控制文字是否有修饰线。属性值:none(没有),underline(下划线),line-through(中划线)、overline(上划线),blink(闪烁)

(2)text-align:设置文本对齐。属性值:center,left,right,justify(两端对齐)

(3)text-shadow:该属性用于设置的文字是否有阴影效果。 

Color:指定该阴影的颜色 

Xoffset:指定阴影在横线上的偏移

Yoffset:指定阴影在纵向上的偏移

Radius:A指定阴影的模糊半径。模糊半径越大,阴影看上去越模糊

(4)多重阴影:多加几组数据即可。sytle="text-shadow:5px 5px 2px #cf0"

(5)line-height:设置文字的行高,即字体最低端与字体内部顶端的距离。负值的行高可以实现阴影效果。

(6)Text-transform:设置文字的大小写。属性值:none,capitalize(首字母大写),Uppercase(全部大写),lowercase(全部小写)

(7)letter-spacing:设置字符之间的间隔。

(8)word-spacing:设置单词之间的间隔。

text-shadow:10px 10px 2px #FC0 多阴影效果

3、伪类:伪类这个叫法源于它们跟类相似,但实际上并没有类会附加到标记中的标签上。

伪类分为两种(以及新增的伪类选择器):

(1).UI伪类:会在HTML元素处于某种状态时(例如:鼠标指针位于链接上),为该元素应用CSS样式。

:link :匹配选择器且未被访问前的元素(通常只能是超链接)。

:visited :匹配选择器且已被访问前的元素(通常只能是超链接)。

:hover :匹配选择器且处于鼠标悬停状态的元素。

:active :匹配Selector选择器且处于被用户激活(在鼠标点击与释放之间的状态)的状态的元素。

:focus :匹配选择器且已得到焦点的元素。

:enabled :匹配选择器且当前用于处于不可用状态的元素。

:disabled:匹配选择器且当前处于不可用状态的元素。

:checked :匹配选择器且当前处于选中状态的元素。

:default :匹配选择器且页面处于打开时选中状态的元素(即使当前没有被选中亦可)。

:read-only :匹配选择器且当前处于只读状态的元素

:read-wirte :匹配选择器且当前处于读写状态的元素

:selection :匹配选择器的元素中当前被选中的内容。

 特别提示:1、一个冒号(:)表示伪类,两个冒号(::)表示CSS3新增的伪元素。

          2、上面的Selcotor选择器可以省略,如果省略则可以匹配处于某种状态下的多个元素

这是我所学到的Css样式,分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值