CSS常用代码

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：Visual Studio

撰写时间：2019年07月28日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

一、文本设置

1. font-size：字号参数      
2. font-style：字体格式
3. font-weight：字体明细
4. 颜色属性

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：无显示

四、方框

1. height：高度
2. width：宽度
3. padding：内边距
4. margin：外边距
5. Float（浮动）：可以让块级元素在一行中排列，例如横向菜单
6. Clear：清除浮动

五、边框

1.样式：

border style:参数

边框样式的参数：

None：无边框

Dotted：边框为点线

Dashed：边框为长短线

solid：边框为实线

double：边框为双线

2.宽度

Border width：参数

3.颜色

Border color：颜色