A今天学了什么
1.css背景:
background-color 背景颜色
background-images 背景图片
background-repeat 背景重复
background-attachment 背景吸附
(fixed固定的、scroll滚动的)
background-position:xy
它们的简写:
background:color image repeat position
background-sizi 背景图片大小
background-size:x y
(x表示宽度、y表示高度)
background-size:cover
(保持图像的纵横比例,并将图像进行缩放成完全 覆盖背景定位区域的最小大小)
=background-size:100% 100%
2.css文本:
text-align 文本对齐
(right右对齐、left左对齐、center居中)
text-decoration 文本修饰
(underline下划线、overline上划线、line-through删除线)
text-transform 文本转换
(uppercase大写、lowercase小写、capitalize首拼大写)
text-indent 文本缩进
color:颜色
设置颜色的方法:
直接设置颜色
十六进制值
RGB
3.css字体:
font-size 字体大小
font-style 字体样式
(normal正体、italic斜体)
font-weight 字体粗细
(normal正常、bold加粗、lighter变细)
line-height 行高
4.css链接:
a:link 正常,未访问过的链接
a:visited 用户已访问过的链接
a:hover 悬停
a:active 点击
若单独设置几个链接的时候,必须遵守如下规则:
a:hover必须跟在a:link和a:visited后面
a:active必须跟在a:hover后面
5.css列表样式(针对ul):
list-style:none 清除列表样式
list-style-type 改变列表点的形状
list-style-image:url"图片"
6.border边框
border-width 边框宽度
border-color 边框颜色
border-style 边框样式
简写:
border: width style color;
单独设置边框各边
{
border-top-style
border-right-style
}
7.表格:
<table>
<tr>
<td>
</td>
</tr>
</table>
border-collapse 边框折叠成一个单一的边框
table{
border-collapse:collapse
}
还可以在td,th设置:
colspan:value 跨越的列
rowspan:value 跨越的行
B我掌握好的地方
1.css背景:
background-color 背景颜色
background-images 背景图片
background-repeat 背景重复
background-attachment 背景吸附
(fixed固定的、scroll滚动的)
background-position:xy
它们的简写:
background:color image repeat position
background-sizi 背景图片大小
background-size:x y
(x表示宽度、y表示高度)
background-size:cover
(保持图像的纵横比例,并将图像进行缩放成完全 覆盖背景定位区域的最小大小)
=background-size:100% 100%
2.css文本:
text-align 文本对齐
(right右对齐、left左对齐、center居中)
text-decoration 文本修饰
(underline下划线、overline上划线、line-through删除线)
text-transform 文本转换
(uppercase大写、lowercase小写、capitalize首拼大写)
text-indent 文本缩进
color:颜色
设置颜色的方法:
直接设置颜色
十六进制值
RGB
3.css字体:
font-size 字体大小
font-style 字体样式
(normal正体、italic斜体)
font-weight 字体粗细
(normal正常、bold加粗、lighter变细)
line-height 行高
4.css链接:
a:link 正常,未访问过的链接
a:visited 用户已访问过的链接
a:hover 悬停
a:active 点击
若单独设置几个链接的时候,必须遵守如下规则:
a:hover必须跟在a:link和a:visited后面
a:active必须跟在a:hover后面
5.css列表样式(针对ul):
list-style:none 清除列表样式
list-style-type 改变列表点的形状
list-style-image:url"图片"
6.border边框
border-width 边框宽度
border-color 边框颜色
border-style 边框样式
简写:
border: width style color;
单独设置边框各边
{
border-top-style
border-right-style
}
C我掌握不好的地方
表格:
<table>
<tr>
<td>
</td>
</tr>
</table>
border-collapse 边框折叠成一个单一的边框
table{
border-collapse:collapse
}
还可以在td,th设置:
colspan:value 跨越的列
rowspan:value 跨越的行