当前位置：凯发k8官方网 > 前端技术 > css >内容正文

css

css美化网页元素大全 -凯发k8官方网

发布时间：2024/10/8 css 0 豆豆

凯发k8官方网收集整理的这篇文章主要介绍了 css美化网页元素大全小编觉得挺不错的,现在分享给大家,帮大家做个参考.

作用：能让某几个文字或者某个词语凸显出来

属性描述

font	简写属性。在一条声明中设置所有字体属性，简写顺序：字体风格→字体粗细→字体大小→字体类型
font-family	规定文本的字体系列（字体族）。
font-size	规定文本的字体大小，单位是px(像素)
font-style	规定文本的字体样式。 normal（标准）、italic（斜体）和oblique（倾斜）
font-variant	规定是否以小型大写字母的字体显示文本。
font-weight	规定字体的粗细。 normal:默认值，定义标准的字体 bold:粗体字体 bolder:更粗的字体 lighter:更细的字体 100、200、300:定义由粗到细的字体 400等同于normal 700等同于 bold

属性描述

color	设置文本颜色
text-align	设置元素水平对齐方式 left:把文本排列到左边（默认值） right:把文本排列到右边 center:把文本排列到中间 justify:实现两端对齐文本效果
text-indent	设置首行文本的缩进，单位：em或px
line-height	设置文本的行高
text-decoration	设置文本的装饰 none:默认值定义的标准文本 underline:设置文本的下划线 overline:设置文本的上划线 line-through:设置文本的删除线
vertical-align	设置文本与图片的对齐方式，middle、top、bottom（不常用）
text-shadow	文本阴影，属性顺序：阴影颜色 x轴位移 y轴位移阴影模糊半径

属性描述

在css设置伪类的顺序为：a:link->a:visited->a:hover->a:active

list-style-type设置列表标记类型

属性描述

list-style-image
list-style-position
list-style

< div>标签可以把html文档分割成独立的不同的部分，因此常用来进行网页布局

属性描述

background-color	背景颜色，默认值transparent，即透明色
background-image：url	背景图像
background-size	背景图像尺寸 auto：默认值使用背景图片保持原样 percentage：当使用百分值时，不是相对于背景的尺寸大小来计算的而是相对于元素宽度来计算的 cover：整个背景图片放大填充整个元素 contain：让背景图片保持本身的宽高比例，将背景图片缩放到宽度或者高度正好适应所定义背景的区域
background-repeat	背景图像重复方式 repeat：沿水平和垂直两个方向平铺 no-repeat：不平铺，即只显示一次 repeat-x：只沿水平方向平铺 repeat-y：只沿垂直方向平铺
background-position	背景图像定位： xpos ypos:单位px xpos表示水平位置 ypos表示垂直位置 x% y%:使用百分比表示背景的位置水平方向关键词：left、center、right 垂直方向的关键字：top、center、bottom 示例：background-position：200px 10x;
background	简写属性。在一条声明中设置所有背景属性，简写顺序：背景颜色→背景图片url→背景图像定位→背景图像重复方式

设置渐变色属于背景图片的范畴

颜色沿着一条直线过渡：从左到右、从右到左、从上到下等

线性渐变语法：
linear-gradient(渐变方向，color1，color2，......);

实例：

#grad {background-image: linear-gradient(to right, red , yellow); }

更多详细渐变请看

与50位技术专家面对面20年技术见证，附赠技术全景图

以上是凯发k8官方网为你收集整理的css美化网页元素大全的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。