界面设计常用CSS属性
CSS常用属性整理:
font-family 设置使用的字体
font-style 设置字体的样式,是否斜体
font-variant 设置字体的大小写
font-weight 设置字体的粗细
*font-size 设置字体的大小
2 颜色和背景属性
*color 设置元素前景色
*background-color 设置元素背景色
background-imge 设置元素背景图案
background-repeat 设置背景图案的重复方式
background-attachmen 设置背景图案的滚动方式
background-position 设置背景图案的初始位置
3 文本属性
*text-align 设置文本的对齐方式
*text-indent 设置文本的首航缩进
*line-height 设置文本的行高
a:link 设置链接未访问的状态
a:visited 设置链接访问过的的状态
a:hover 设置链接的鼠标激活状态
4. 块属性
margin-top 设置顶边距
margin-right 设置右边距
padding-top 设置顶端填充距
padding-right 设置右侧填充距
5 边框属性
border-top-width 设置顶端边框宽度
border-right-width 设置右端边宽宽度
width 设置图文混排的宽度属性
height 设置图文混排的高度属性
6 项目符号和编号属性
display 设置是否显示
white-space 设置空白部分的处理方式
7 层属性定位
Absolute 设置绝对定位
Relative 设置相当定位
Static 设置无特殊定位
其他常用属性:
a 标签去下划线:text-decoration:none
a标签移入显示提示性文字或图片:显示是文字title="";图片的话就用ALT=“”
例子:
<a href="http://www.baidu.com" title = "点击进入百度">百度</a>
<img src="http://www.baidu.com/img/logo.gif" alt="百度图标"/>
div添加阴影效果:box-shadow:10px 10px 5px 10px #ccc inset;依次是水平阴影长度、垂直阴影长度、阴影模糊值、阴影外延值、阴影颜色、此值为空时为外阴影,设置成inset为内阴影
div圆角效果:border-radius: 5px 5px 5px 5px; 依次是左上角、右上角、右下角、左下角缩进的像素
最新文章
- wcf和web service的区别
- offsetleft、offsetTop、offsetParent的兼容性问题
- 随笔—邀请赛前训— Codeforces Round #330 (Div. 2) Vitaly and Night
- 强(strong)、软(soft)、弱(weak)、虚(phantom)引用
- JavaScript Number 对象 Javascript Array对象 Location 对象方法 String对象方法
- jsp的三种自定义标签 写法示例
- 转载 DNS查询流程简介
- FPGA设计—UVM验证篇 Hello world
- leetcode第三题Longest Substring Without Repeating Characters java
- python学习笔记--导入tab键自动补全功能的配置
- 【HDOJ】4983 Goffi and GCD
- 《JavaScript权威指南》拾遗(下)
- 『转』统计一个日志文件里,单词出现频率的shell脚本
- 关于二进制——lowbit运算
- 明明想在学校中请一些同学一起做一项问卷调查,为了实验的客观性,他先用计算机生成了N个1到1000之间的随机整数(N≤1000),对于其中重复的数字,只保留一个,把其余相同的数去掉,不同的数对应着不同的学生的学号。然后再把这些数从
- uva579-简单计算题
- JS 面试题 实践一
- C#捕获鼠标消息
- noip模拟题《序》sort
- 利用ThreadLocal建立高质量事务处理
热门文章
- 378. Kth Smallest Element in a Sorted Matrix
- Codeforces Round #378 (Div. 2) A B C D 施工中
- HTML、canvas、video灰度
- linux的软硬链接的特性
- hdu4737 A Bit Fun
- windows github 命令行使用
- MySQL各逻辑模块工作配合
- 线下线上对接的一种思路(本地erp与线上电子商务平台对接)
- [Spring MVC] - 地址路由使用(一)
- [Linux] LVM的条带化