记录css常用

1,让网页中的页面,不再显示横向滚动条的代码 <body style="overflow-y:visible;overflow-x:hidden">

2,交集选择器。第一个必须为标记选择器,第二个为类或是ID选择器。中间必须连接起来写。并集选择器,逗号连接

3,样式的优先级别:行内样式 ID样式 类样式 标记样式。如果两个类样式,前面的优先。

4,行内元素间隔和块级元素间隔:行内:margin-left+rigth的和。块级元素间隔不然(塌陷现象);取较大的:margin-top/bottom(隐藏:disply:block;display:inline)

;行内元素的高度会相互影响。


5.字母/字向左下沉:foot-size:3em,float:left
6.line-heigth:每行的行高(相对/绝对)
7,foot-style:用来控制字体倾斜(正常/意大利/倾斜)(normal/oblique/italic)在woods中并不区分意大利和倾斜
8.text-transform:大小写转换,capitalize/uppercase/lowercase(首字母大写,全部大写,全部小写)
9.text-decoration:underline/overline/line-through,blink(下划线,顶划线,删除线,闪烁(ie中无效,火狐中才有))
10,短首缩进:text-indent:2em
11,font-family:arial;font-size:12px;line-heigh:1.5合并成:font:12px/1.5 arial(代码合并)
11.标题对齐方式:backgrouposition:rigth/left/centen/top/bottom

12.为图像增加阴影:一张阴影图片。‘
.shaw{ background:url(阴影图) no-repeat bottom right;

float:left;}
img{ border; padding:4px; margin:-6px 6px 6px -6px}
<div class="shaw"><img scr="原图"/></div>
13.标题和背景高度的融合:一张透明的gif,
14.标题的图像替换:(搜索引擎,后期的维护),背景图片

一张。
h1{ background:url(login图片) no-repeat;heigth:xpx;}
h1 span{ display:none;}
<h1><span>login</span></h1>
15.滑动门技术:
16.层叠:前面的css和后面的css具有同意的特殊性,所以后

面的规则将覆盖前面的规则(!inpoment)
17.list-style-type/image属性/图片用来设置li/ul的项目

编号样式
disc实心圆/circle空心圆/square正方形/decimal 1,2,3^/
upper-alpha A,B,C……/lower-alpha/upper-raman

/lower-roman i,ii,iii……/none 不显示何符号
18,a设置display:block。被设置成块元素,
鼠标点击不仅仅在文字上才有效
19:页面居中:margin:0 aotu;

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值