~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术:Visual Studio
撰写时间:2019年07月28日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
一、文本设置
- font-size:字号参数
- font-style:字体格式
- font-weight:字体明细
- 颜色属性
color:参数
二、超链接设置
text-decoration:参数:主要用途是改变浏览器显示文字链接时的下划线
参数取值范围:
underline:为文字加下划线
overline:为文字加上划线
line-through:为文字加删除线
blink:使文字闪烁
none:不显示上述任何效果
三、背景
1.背景颜色:
background-color:参数
2.背景图片
background-image:url(URL)
URL就是背景图片的存放路径,none表示无。
3.背景图片重复
background-repeat:参数
参数取值范围:
no-repeat:不重复平铺背景图片
repeat-x:使图片只在水平方向上平铺
repeat-x:使图片只在垂直方向上平铺
如果不指定背景图片重复属性,浏览器默认的是背景图片向水平、垂直两个方向向上平铺
4.背景图片固定
背景图片固定控制图片是否随网页的滚动而滚动。如果不设置背景图片固定属性,浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力,一般都设为固定background-attachment:参数
参数取值范围:
fixed:网页滚动时,背景图片相对于浏览器的窗口而言,固定不动
Scroll:网页滚动时,背景图片相对于浏览器的窗口而言,一起滚动
5.文本缩进
text-indext:缩进距离
6.空格
white-space:参数
normal:正常
pre:保留
nowrap:不换行
7.显示样式
display:参数
参数取值范围:
block:块级元素,在对象前后都换行
Inline:在对象前后不换行
list-item:在对象前后都换行,增加了项目符号
none:无显示
四、方框
- height:高度
- width:宽度
- padding:内边距
- margin:外边距
- Float(浮动):可以让块级元素在一行中排列,例如横向菜单
- Clear:清除浮动
五、边框
1.样式:
border style:参数
边框样式的参数:
None:无边框
Dotted:边框为点线
Dashed:边框为长短线
solid:边框为实线
double:边框为双线
2.宽度
Border width:参数
3.颜色
Border color:颜色