|
css常用代码大全，html+css代码
html+css能够很方便的进行网页的排版布局，还能减少非常多不必要的代码。
一.文本设置
1、font-size: 字号参数
2、font-style: 字体格式
3、font-weight: 字体粗细
4、颜色属性
color: 参数
重视运用网页安全色
2、超链接设置
text-decoration: 参数
重点用途是改变浏览器表示文字链接时的下划线。
参数取值范围：
underline：为文字加下划线
overline：为文字加上划线
line-through：为文字加删除线
blink：使文字闪烁
none：不表示以上任何效果
3、背景
1、背景颜色
bac公斤round-color: 参数
2、背景照片
bac公斤round-image: url(URL)
URL便是背景照片的存放路径，none暗示没。
3、背景照片重复
bac公斤round-repeat: 参数
参数取值范围 ：
no-repeat：不重复平铺背景照片
repeat-x：使照片仅在水平方向上平铺
repeat-y：使照片仅在垂直方向上平铺
倘若不指定背景照片重复属性，浏览器默认的是背景照片向水平、垂直两个方向上平铺。
4、背景照片固定
背景照片固定掌控背景照片是不是随网页的滚动而滚动。倘若不设置背景照片固定属性，浏览器默认背景照片随网页的滚动而滚动。为了避免过于花哨的背景照片在滚动时转移浏览者的重视力，通常都设为固定
bac公斤round-attachment: 参数
参数取值范围：
fixed：网页滚动时，背景照片相针对浏览器的窗口而言，固定不动
scroll：网页滚动时，背景照片相针对浏览器的窗口而言，一块滚动
4、区块
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：没表示
5、方框
1、height 高度
2、width 宽度
3、padding 内边距
4、margin 外边距
5、float（浮动）：能够让块级元素在一行中摆列，例如横向菜单。
6、clear 清除浮动
6、边框
1、样式
border style 参数
边框样式的参数：
none：没边框
dotted：边框为点线
dashed：边框为长短线
solid：边框为实线
double：边框为双线
2、宽度
border width 参数
3、颜色
border color 参数
7、列表
list-style-type 列表样式
区别浏览器的列表符可能不相同，可能会影响到网页，因此网页中的列表大多都是由于背景照片表示。
掌控用户界面的样式
8、鼠标
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"
| 
发表于 2024-6-29 13:26:24
