CSS样式详解-优快云博客

如果说网页是人的话那么CSS就是化妆品了哈哈哈，所以网页离不开CSS的装饰。
id选择器和Class选择器二者都是用来选择元素进行装饰的，我个人理解是类选择器包含了id选择器，class选择器不进能选出单个元素还能还能选出一类元素。
外部样式表在外部进行编写代码在网站的代码进行调用
内部样式表在网页的<head>中用加<style>然后用类选择器来调用
内联样式表在标签中加style就能直接修饰
背景（background) background-color　　　背景颜色
　　　　　　　　　　 background-image　　背景图片　　　　　　
　　　　　　　　　　 background-repeat　　背景图片平铺　　　　如：background-repeat:no-repeat 、background-repeat:repeat-x
　　　　　　　　　　 background-attachment 背景图片固定　　　　如：background-attachment:pixed

文本（text)　　　　　 color　　　　　　　　文本颜色
　　　　　　　　　　 text-align　　　　　　文本对齐方式　　　　　　如：text-align:center 、 text-align:right 、 text-align:justify
　　　　　　　　　　 text-decoration　　　文本修饰　　　　　　　　如：text-decoration:none(删除下划线)
　　　　　　　　　　 text-transform　　　文本转换　　　　　　　　如：text-transform:overline 、 text-transform:line-through 、 text-transform:upperline
　　　　　　　　　　 text-indent　　　　　　文本缩进　　　　　　　　如：text-indent:20px
还有一些拓展的　　　 letter-spaing　　　　　字符之间的距离
　　　　　　　　　　 line-height　　　　　　行与行之间的高度
　　　　　　　　　　 direction　　　　　　　文本书写方向　　如：direction:rtl 从右往左写
　　　　　　　　　　 word-spacing　　　　　增加单词之间的空白空间
　　　　　　　　　　 white-space:nowrap　　禁用文本环绕（就是把多行文本写成一行）
　　　　　　　　　　text-shadow　　　　　　增加阴影效果　　如：text-shadow:2px 2px #FF0000

字体（fonts）　　　　 font-family　　　　　　字体属性
　　　　　　　　　　 font-style　　　　　　字体样式
　　　　　　　　　　 font-size　　　　　　字体大小
　　　　　　　　　　 font-weight　　　　　字体的粗细　　　　字体变细font-weight:lighter 变粗font-weight:500

链接（link）　　　　　

a:link {color:#000000;}      /* 未访问链接*/
a:visited {color:#00FF00;}  /* 已访问链接 */
a:hover {color:#FF00FF;}  /* 鼠标移动到链接上 */
a:active {color:#0000FF;}  /* 鼠标点击时 */

　　　　　　　　　　  color
　　　　　　　　　　  text-decoration
　　　　　　　　　　  background-color

转载于:https://www.cnblogs.com/lightice/p/10149916.html