css常用代码大全,html+css代码

2022-11-24 0 206

css常见标识符六本,html+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”   左下箭头形

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务