常用CSS设置
主要内容:
一.容器类
二.文本类
三.特效类
一.容器类
1.background-image:url('img/02.gif'); 设置背景图(可以是动态图)
2.background-color: LimeGreen; 设置背景颜色
3.color:white; 设置容器内文本的颜色
4.margin: 0 auto; 元素水平居中
5.float:left;可设置元素向左浮动
6.clear:both可以禁止旁边有float元素出现
7.overflow、overflow-x、overflow-y:
8.border:5px solid red; 设置容器的边框,注意边框不纳入容器的长度和宽度内
9.border-radius:10px; 设置容器圆角
二.文本类
1.text-align:center; 文本居中
2.letter-spacing: 5px; 调整字间距
3.text-indent:50px; 首行调节缩进
4.font-weight设置字体的粗细程度
5.word-break:break-all; 规定段落中的文本进行换行(针对于字母、数字不会换行的情况)
6.white-space:nowrap; 规定段落中的文本不进行换行
7.text-overflow:ellipsis;将越界的文本用省略号代替(防止布局的改变)
8.将越界的文本用省略号代替:{ overflow: hidden; white-space:nowrap; text-overflow:ellipsis; }
三.特效类
1.cursor: pointer ; 设置当鼠标移动到区域时,鼠标变为小手指
2.opacity:0.6; 设置透明度
3."选择器":hover{……} :设置当鼠标进入区域时改变其样式,当离开区域时,样式又恢复为原样(无需手动设置)。所有标签都有hover状态。
4.transition:0.4s; 变换的过渡时间,可以与hover组合使用
5.列表的ul li list-style: none; 设置不需要索引
6.a {text-decoration: none ; }取消链接的下划线
最新文章
- nginx配置文件简单说明
- hdu 4293 2012成都赛区网络赛 dp ****
- Diskpart使用说明
- c++builder6.0 mdi窗体+自定义子窗体
- DG_Oracle DataGuard Failover主备节点切换(案例)
- volley(4) 请求参数:data:[ { bar_remain:XX , bar_code:";XX"; , bar_id: XX}], method:GET
- 理解Python元类(转)
- poj 2975 Nim(博弈)
- hdu4405概率dp入门
- vs2015 安装问题汇总
- H5的新应用-使用Web Worker为学生考试计时
- JAVA的向上转型和向下转型怎么理解呢?
- 51Nod--1051最大子矩阵和(DP入门)
- 《java入门第一季》之面向对象面试题(成员变量与局部变量的区别)
- PBRT笔记(9)——贴图
- 四、PyQt5布局管理(绝对&;相对、水平、垂直、格栅、表单)
- ECSHOP后台登陆后一段时间不操作就超时的解决方法
- 浅谈html5 video 移动端填坑记
- 【HTML】input标签中alt属性和title属性的比较
- Oracle根据表生成系统流水号
热门文章
- C程序设计Week12晚上练习
- Maven环境下搭建SSH框架之Spring整合Struts2
- Spring事务管理之编程式事务管理
- MVC进阶学习--View和Controller之间的数据传递(一)
- Android中关于JNI 的学习(四)简单的样例,温故而知新
- nginx大量TIME_WAIT的解决办法 netstat -n | awk '/^tcp/ {++S[$NF]} END {for(a in S) print a, S[a]}'
- 多媒体开发之rtp 打包发流---同网段其他机子sdp 播放不了
- SPSS统计功能与模块对照表
- window下php5安装redis扩展 设置自启动服务
- Obj-C数组以及字符串拼接与分割