css的css完全参考手册是必备的
css的格式:外部样式、内部样式、内联样式
外部样式:另外写一个css文件以.css为后缀名,通过超链接加载该css文件
如:
<link rel="stylesheet" type="text/css" href="/c5.css" />
内部样式(位于<head>中):
定义在<style>标签中(每个属性写完了都要分号结束";")
如:
<html lang="en">
<head>
<meta charset="UTF-8">
<style>内容</style>
<title>Document</title>
</head>
<body>
</body>
</html>
内联样式
(在 HTML 元素内部)
:
定义在标签的style属性中;
如:
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style=""></p>
</body>
</html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<p style=""></p>
</body>
</html>
优先级:内联样式>内部样式>外部样式>浏览器缺省设置
CSS样式
Ø
CSS 背景
background-color:背景颜色(
透明:transparent)
background-image:背景图片
background-image:url("图片的路径/ 图片名字+后缀名");
background-repeat 背景重复值为:
repeat重复出现图片
repeat-x沿x轴重复(横向的是x轴纵向的是y轴)
repeat-y沿y轴重复
no-repeat不重复
background-position 背景位置(可以是百分数,也可以是像素)
(如果向右移动或者向上移动为负数,如果向左或者向下移动为正数)
length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位
position : top | center | bottom | left | center | right
Ø
CSS 文本
文本的颜色
color
字符间距
letter-spacing
对齐文本
text-align
装饰文本
text-decoration
overline、line-through、underline、none
对文本进行缩进 text-indent
Ø
CSS 字体
font-family: "楷体"(你的电脑有的字体)
font-weight(
设置字体的粗细)
值为:
normal正常字体
bold 粗体
bolder( 比 normal 粗)
lighter ( 比 normal 细)
font-size:(设置字体的大小)
Ø
CSS 链接
a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方(悬停)
a:active - 链接被点击的时刻
链接注意,这样的顺序不能改变严格的说
a:hover 必须位于 a:link 和 a:visited 之后
a:active 必须位于 a:hover 之后
Ø
CSS 列表
要修改列表项的标志类型,可以使用属性 list-style
-type
list-style-image: url("图片位置/名字+后缀名")
list-style: none;什么都不要
Ø
CSS 表格
table属性
border-collapse:collapse;(
将表格边框折叠为单一边框
)
padding内容填充距离
padding:默认四边的距离为一个值
padding-top:指定上边的填充距离
padding-bottom
指定下边的填充距离
padding-left
指定左边的填充距离
padding-right
指定右边的填充距离