css中美化网页的元素有哪些？css中可以美化网页的元素总结

不言

发布时间：2018-08-24 09:56:10

2838人浏览过

来源于php中文网

原创

本篇文章给大家带来的内容是关于css中美化网页的元素有哪些？css中可以美化网页的元素总结，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1.本章目标

会使用CSS设置字体样式和文本样式

会使用CSS设置超链接样式

会使用CSS设置列表样式

会使用CSS设置背景样式

会使用CSS设置渐变效果

2.标签

标签的作用

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

示例：

享受“北大式”教育服务

在php中文网，有一群人默默支持你成就梦想

选择php中文网，成就你的梦想

3.字体样式

4.字体类型

font-family属性

p{font-family:Verdana,"楷体";}
body{font-family: Times,"Times New Roman", "楷体";}

5.字体大小

font-size属性

单位： px（像素）、em、rem、cm、mm、pt、pc

6.字体风格

font-style属性

normal、italic(库里自带的)和oblique(自动将字体变斜体)

示例：

7.字体的粗细

font-weight属性

8.字体属性

font属性 family weight size style

字体属性的顺序：字体风格→字体粗细→字体大小→字体类型

p span {font:oblique bold 12px "楷体";}

9.文本样式

文本属性

10.文本颜色

color属性

RGB

十六进制方法表示颜色：前两位表示红色分量，中间两位表示绿色分量，最后两位表示蓝色分量

rgb(r,g,b) : 正整数的取值为0～255

RGBA

在RGB基础上增加了控制alpha透明度的参数，其中这个透明通道值为0～1

示例：

color:#A983D8;
color:#EEFF66;
color:rgb(0,255,255);--------------最深的颜色
color:rgba(0,0,255,0.5);-----------透明度

11.排版文本段落

12.文本修饰和垂直对齐

文本装饰

text-decoration属性

垂直对齐方式

vertical-align属性：middle、top、bottom

13.文本阴影

浏览器兼容性

14.超链接伪类

15.使用CSS设置超链接

立即学习“前端免费学习笔记（深入）”；

16.列表样式2-1

list-style-type

list-style-image

17.列表样式2-2

   list-style:
li {
list-style:none;
}

1、网页背景

触发式加载精美特效企业网站源码1.0.0

触发式加载精美特效企业网站源码使用jquery实现了很多精美的触发式加载特效，网站首页在随着访客的滚动条滚动过程中会出现很多触发式加载的特殊效果，让这个网站的风格瞬间显得非常的高大上，让你的企业品牌在访客心中留下更深的影响。当然，我们在使用jquery特效的同时也要注意程序对搜索引擎的友好型，所以这一点儿作者也有考虑到，已经尽可能的对js和css脚本进行精简和优化，尽可能的加快网站加载速度，同时也

下载

R红--G绿--B蓝

背景颜色

background-color

背景图像

background-image

19.设置背景图像2-1

背景图像

background-image属性

background-image:url(图片路径);

背景重复方式

background-repeat属性