博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css常用属性
阅读量:5367 次
发布时间:2019-06-15

本文共 1518 字,大约阅读时间需要 5 分钟。

一、文字段落

1.长度值

单位长度:em,ex,pc,px,pt,mm,cm,in。

百分比长度:XX%可取正负

2.文字控制

font:风格 变形 加粗 大小/行高 族科

font-faminly:族名font-style:normal/italic/oblique

font-variant:normal/small-caps

font-weight:normal/bool/100/200

font-size:em/px(会覆盖前面的line-height

3.文本控制

text-align:left/right/center/justify

text-indent 长度(文本块中首行缩进)

text-spacing 长度

veitical-align:百分比/sub/top/middle垂直对齐

 line-height:数值百分比/normal

text-transform:none/captalize/uppercase/lowercase(控制字母大小写)

text-decoration:underline/overline/line-through/blink/none

二、颜色背景

1.颜色表示方式

RGB()数值或者百分比rgba()数值百分比表示颜色透明色

十六进制:#rrggbb简写#rgb

2.控制颜色

color:字体颜色

background-color:背景颜色

3.控制背景

background-image:url()

background-repeat:repeat/repeat-x/repeat-y/no-repeat

backgorund-attachment:scroll/fixed(设置背景图片是固定还是滚动)

background-position:数值百分比/top/bottom/center/left/right(取2值)

backgorund:背景色 背景图 平铺 固定 位置

三、网页元素格式化

1.边界设置

margin-top margin-right margin-bottom margin-left

margin:上右下左(顺时针)

2.边框设置

border-top-width:数值(非负)

border-width:数值 上右下左

border-color:上右下左

border-style:上右下左

border:宽度 样式 颜色(四边不能飞开定义)

3.填充距设置

padding-top:数值

padding:上右下左

4.宽度和高度

width:数值

height:数值

5.浮动

float:left/right

clear:none/left/right清除浮动,浮动找浮动,不浮动找不浮动

6.鼠标样式

cursor:auto/

7.超级链接

a:link 普通

a:visited已访问

a:hover悬停

a:active活动(为了产生效果,按照顺序:link.visited.hover.active)

四、定位网页元素

position:absolute/relative/static

left:

top:

width:

height:

clip:rect(上右下左)剪切图形,显示矩形范围内的

visibility:visible/hidden/inherit(从父元素继承visibility)

overflow:visible/hidden/scroll/auto

z-index:确定几个重叠盒子的图层,高的在上

 

转载于:https://www.cnblogs.com/wxlyq/p/5050988.html

你可能感兴趣的文章
浅谈性能测试
查看>>
较快的maven的settings.xml文件
查看>>
随手练——HDU 5015 矩阵快速幂
查看>>
Java变量类型,实例变量 与局部变量 静态变量
查看>>
Python环境搭建(安装、验证与卸载)
查看>>
如何辨别一个程序员的水平高低?是靠发量吗?
查看>>
linux的子进程调用exec( )系列函数
查看>>
zju 2744 回文字符 hdu 1544
查看>>
【luogu P2298 Mzc和男家丁的游戏】 题解
查看>>
前端笔记-bom
查看>>
上海淮海中路上苹果旗舰店门口欲砸一台IMAC电脑维权
查看>>
给mysql数据库字段值拼接前缀或后缀。 concat()函数
查看>>
迷宫问题
查看>>
【FZSZ2017暑假提高组Day9】猜数游戏(number)
查看>>
练习10-1 使用递归函数计算1到n之和(10 分
查看>>
Oracle MySQL yaSSL 不明细节缓冲区溢出漏洞2
查看>>
Code Snippet
查看>>
zoj 1232 Adventure of Super Mario
查看>>
组合数学 UVa 11538 Chess Queen
查看>>
Redis常用命令
查看>>