css常用代码大全

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添加背景图片
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 设置文本缩进
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 设置鼠标形状
hand: 手形 crosshair: 十字形 text: 文本形 wait: 沙漏形 move: 十字箭头形 help: 问号形 e-resize: 右箭头形 n-resize: 上箭头形 nw-resize: 左上箭头形 w-resize: 左箭头形 s-resize: 下箭头形 se-resize: 右下箭头形 sw-resize: 左下箭头形2024-08-28