2020css常用代码大全

css常用代码大全

html+css可以很利便的停止网页的排版规划，还能减少许多不必要的代码。

一.文本设定

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-y：使图片只在垂直标的目的上平铺

假如不指定背景图片反复属性，阅读器默许的是背景图片向水平、垂直两个标的目的上平铺。

4、背景图片牢固

背景图片牢固操纵背景图片可否随网页的滚动而滚动。假如不设定背景图片牢固属性，阅读器默许背景图片随网页的滚动而滚动。为了不过于花哨的背景图片在滚动时转移阅读者的留意力，一样都设为牢固

background-attachment: 参数

参数取值范畴：

fixed：网页滚动时，背景图片相关于阅读器的窗口而言，牢固不动

scroll：网页滚动时，背景图片相关于阅读器的窗口而言，一起滚动

四、区块

1、单词间距

word-spacing: 间隔间隔

2、字母间距

letter-spacing: 字母间距

3、文本对齐

text-align: 参数

参数的取值：

left：左对齐

right：右对齐

center：居中对齐

justify：相对摆布对齐

4、垂直对齐

vertical-align: 参数

top：顶对齐

bottom：底对齐

text-top：相对文本顶对齐

text-bottom：相对文本底对齐

baseline：基准线对齐

middle：中心对齐

sub：以下标的情势显示

super：以上标的情势显示

5、文本缩进

text-indent: 缩进间隔

12px相当于一个文字间隔

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 参数

七、列表

list-style-type 列表样式

不一样阅读器的列表符大概不雷同，大概会影响到网页，所以网页中的列表大多都是由背景图片显示。

操纵会员界面的样式

八、鼠标

cursor：鼠标外形参数

CSS鼠标外形参数表：

鼠标外形：CSS代码

style="cursor:hand" 　　　　　手形

style="cursor:crosshair" 　　十字形

style="cursor:text" 　　　　　文本形

style="cursor:wait" 　　　　　沙漏形

style="cursor:move" 　　　　十字箭头形：

style="cursor:help" 　　　　　问号形

style="cursor:e-resize" 　　　右箭头形

style="cursor:n-resize" 　　　上箭头形

style="cursor:nw-resize" 　　左上箭头形

style="cursor:w-resize" 　　　左箭头形

style="cursor:s-resize" 　　　下箭头形

style="cursor:se-resize" 　　右下箭头形

style="cursor:sw-resize" 　　左下箭头形

感激大家的阅读，但愿大家收益很多。

本文转自：https://blog.csdn.net/xujiuba/article/details/78926554

引荐教程：《CSS教程》

以上就是2020css常用代码大全的具体内容，更多请关注百分百源码网其它相关文章！