美化网页
CSS系列文章目录
CSS3快速入门：一、三种CSS导入方式CSS3快速入门：二、CSS选择器CSS3快速入门：三、美化网页CSS3快速入门：四、盒子模型CSS3快速入门：五、浮动CSS3快速入门：六、定位
文章目录
美化网页CSS系列文章目录为什么使用CSS1. 字体2. 排版网页3. 超链接伪类4. 列表样式5. 背景样式
为什么使用CSS
有效的传递页面信息美化页面。页面漂亮才可以吸引用户突出页面的主题内容具有良好的用户体验
1. 字体
常用的文字相关的属性如下：
color：设置文本颜色，例如color:red;字体颜色为红色font-family：设置字体类型，例如font-family:“宋体”;设置字体类型为宋体font-size：设置字体大小，例如font-size:12px;设置字体大小等于12pxfont-style：设置字体风格,例如font-style:italic;设置字体为斜体font-weight：设置字体粗细，例如font-weight:bold;设置字体为粗体font：在一个声明中设置所有字体属性，例如font:italic bold 18px “楷体”;
其代码示例如下：
这是一个段落。
这是一个段落。
网页显示如下：
2. 排版网页
常用网页的文本排版如下：
文本对齐方式：text-align 适用于块级元素首行缩进：text-indent 适用于块级元素行高：line-height下划线：text-decoration图片文字水平对齐：vetical-align
其代码示例如下：
这是一句话
许嵩（Vae），1986年5月14日生于安徽省合肥市，中国内地流行乐男歌手、词曲创作人、音乐制作人，现任海蝶音乐公司（现为太合音乐集团）音乐总监，毕业于安徽医科大学。2009年1月发行首张词曲全创作专辑《自定义》。2010年1月发行第二张词曲全创作专辑《寻雾启示》。2011年4月发行第三张词曲全创作专辑《苏格拉没有底》。2012年7月发行第四张词曲全创作专辑《梦游计》。2014年8月发行第五张词曲 ...
2006年初，许嵩是一名在安徽医科大学读大二的男生。课余时间里凭借自幼学习钢琴与古典音乐打下的功底，自修作曲及编曲、混音制作，随后他开始创作一些音乐作品。这些音乐作品被他以“Vae”这个笔名传上个人网站，引起了网友的关注。
回忆是一条狂犬 追咬了许多年
回忆是一条狂犬 追咬了许多年
回忆是一条狂犬 追咬了许多年
许嵩
网页显示如下：
3. 超链接伪类
常用的超链接伪类有如下几种：
a:link：未单击访问后的样式a:visited：单击访问后的样式a:hover：鼠标悬浮其上的样式a:active：鼠标单击未释放的样式
设置伪类的顺序a:link>a:visited>a:hover>a:active 其代码示例如下：
网页显示如下：
4. 列表样式
常用的列表样式有如下几种：
list-style-type：设置不同的列表样式list-style-image：使用图像来替换列表项的标记list-style-position：规定列表中列表项目标记的位置list-style：简写在一个声明中设置所有的列表属性
其代码示例如下：
- 第一项
- 第二项
- 第三项
- 第四项
网页显示如下：
5. 背景样式
背景样式常用属性如下：
background-color：设置背景颜色background-image：设置背景图片background-position：背景定位background-repeat：背景重复方式，其中no-repeat不重复，repeat-x水平重复 repeat-y垂直重复background：在一个声明中设置所有的背景属性
渐变颜色背景参考网站：https://www.grabient.com/ 其代码示例如下：
网页显示如下：
