![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
q285661571
这个作者很懒,什么都没留下…
展开
-
css的z-index改变层级
在CSS中,显然,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed原创 2012-05-25 16:13:07 · 893 阅读 · 0 评论 -
overflow-x
visible:不剪切内容。hidden:将超出对象宽度的内容进行裁剪,将不出现滚动条。scroll:将超出对象宽度的内容进行裁剪,并以滚动条的方式显示超出的内容。auto:在需要时剪切内容并添加滚动条,此为body对象和textarea的默认值。原创 2012-06-09 13:50:09 · 445 阅读 · 0 评论 -
css取消无序列表<ul>点用list-style:none;
ok!原创 2012-05-17 15:51:18 · 6182 阅读 · 1 评论 -
css relative和absolute定位区别
relative相对于原来正常位置定位absolute相对于整个页面定位relative和absolute都是把元素浮出页面竖直上方,不同的是,relative是仍在页面保留占位,也就是不影响其它元素的位置,而absolute不再页面保留占位,所以对页面的其它元素位置有影响position的默认值是static原创 2012-04-02 00:03:01 · 484 阅读 · 0 评论 -
css width:100%
相对于父元素宽度的百分比,同理font-size:100%;也一样原创 2012-05-15 23:16:40 · 632 阅读 · 0 评论 -
css 设置字体粗细font-weight:bold;
font-weight: bold; font-weight: bolder; font-weight: light; font-weight: lighter; font-weight: 100; font-weight: normal;原创 2012-05-15 14:01:33 · 7032 阅读 · 0 评论 -
css, html注释
css注释:/*.........*/html注释:原创 2012-05-12 17:58:52 · 329 阅读 · 0 评论 -
css重置样式表reset.css
重新设置浏览器为HTML元素默认制定的显示样式,因为各个浏览器默认的样式都有区别,在编写自己的样式前先将默认样式重置,可以让我们在一个统一的基础上展开工作,编写样式表还有个好处就是不用再样式表中反复设置同样的规则。原创 2012-05-10 22:06:53 · 860 阅读 · 0 评论 -
css 属性 background:transparent;
实际上background默认的颜色就是透明的属性: background:transparent;原创 2012-05-10 21:50:28 · 4056 阅读 · 0 评论 -
容器中的清理浮动
点击打开链接注意:把clearfix的命名改为group转载 2012-05-10 15:15:08 · 486 阅读 · 0 评论 -
让页面元素适应电脑屏幕大小设置width:100% height:100%
网页的页头和页尾一般总要左右填满整个窗口 ,然后某些页面的高度也要填满整个窗口(没解决),我们可以用width:100%; height:100%(有疑问);设置原创 2012-06-09 14:04:57 · 3948 阅读 · 0 评论 -
css text-align:right;属性
一个很可爱的属性 ,我们非常熟悉text-align:center;让文本图片居中的属性,但是若我们看到注册,或者登陆表单由于域集名长度不一,但是要在其固定宽度容器内右对齐,则可设置这个属性原创 2012-06-11 21:23:49 · 3185 阅读 · 0 评论 -
text-align: vertical-align:
又2个神一般的属性啊,top bottom center right left 随便文本图片居中原创 2012-06-13 14:29:23 · 566 阅读 · 0 评论 -
css display:inline-block属性
一个神一般的属性,一个全方位无死角的属性!!!!注意,只可对行内元素设定,既有inline的内联属性,又有block的可以设置宽高的属性,但margin-top,margin-bottom无效,且无法包含块级元素,这两点仍保持自己作为内联元素的属性原创 2012-06-11 21:07:37 · 437 阅读 · 0 评论 -
font-weight
点击打开链接转载 2012-06-12 23:37:40 · 536 阅读 · 0 评论 -
css权值
权值很恶心还得像数学一样计算 尼玛啊,劳资我终于摆脱数学了 又让我算,不过我一般喜欢抽象的东西既然找打个不错的总结,就是: 权值的大小跟选择器的类型和数量有关样式的优先级跟样式的定义顺序有关其实规则很简单: 比较同一级别的个数,数量多的优先级高,如果相同即比较下一级别的个数css森林 点击打开链接转载 2012-06-12 12:32:30 · 791 阅读 · 0 评论 -
css overflow:hidden 对容器来使用
ok原创 2012-05-23 13:32:18 · 440 阅读 · 0 评论 -
css div标签必须用<div></div>关闭
ok!原创 2012-05-23 13:17:52 · 602 阅读 · 0 评论 -
css inline支持的属性
1. inline元素, 有效的: background, margin-left, margin-right, padding-left , padding-right, border 2. inline元素, 无效的: width, height, margin-top,padding-top ,padding-bottom, margin-bottom原创 2012-05-23 13:03:06 · 971 阅读 · 0 评论 -
margin: left right /top bottom的怪异
不论有没有设置宽高,margin-right,margin-left均可调整与相邻元素的相对位置,但是margin-top ,margin-bottom就不行,它不会使本元素移动,而是在元素的外围增加margin值(至少现在看来是这样的),因此我实现上下移动功能暂时用padding-top,padding-bottom原创 2012-06-11 23:53:22 · 414 阅读 · 0 评论 -
focus事件说通俗点就是鼠标点击在该区域的时候的事件
例子:我们注册时点击表单输入框会显示另一种颜色,可能是背景色改变,也可能是边框色改变,那么此时就是用到focus事件,若是背景色改变,那么就:focus{ background-color:red; }原创 2012-06-11 22:21:10 · 699 阅读 · 0 评论 -
惊悚啊!我终于发现为毛有时margin:auto;设置无效了 因为没有设置宽度和高度!!!!
屎的!!原创 2012-05-29 18:27:29 · 1543 阅读 · 0 评论 -
zoom属性
点击打开链接转载 2012-05-10 15:54:08 · 464 阅读 · 0 评论 -
border虽然同padding margine属于盒模式中一员,让我们看看它的设置和它们的区别
border简写:例子:border:border-width border-style border-color ;若要设置四周border宽度的话:例子:border-width:2px;如要设置上下左右某一边宽度时:例子:border-top-width:2px;原创 2012-04-15 01:03:12 · 601 阅读 · 0 评论 -
css正确的伪类顺序(love hate)
l(link)ov(visitied)e h(hover)a(active)te原创 2012-04-25 16:32:38 · 2547 阅读 · 0 评论 -
list-style:none这一css属性只能应用在ul标签中而不能应用在li标签中
正确用法例如;原创 2012-04-24 12:59:04 · 2669 阅读 · 0 评论 -
css中选择器何时使用id/class
因为id是唯一的,则在布局的时候使用而class多在设置样式时使用原创 2012-04-12 17:38:39 · 670 阅读 · 0 评论 -
css中<em>中默认的字体风格都是“斜体”和“粗体”的
要改为正常也行,只要用以下属性设置: font-style: normal;font-weight: normal;原创 2012-04-11 23:02:14 · 12169 阅读 · 0 评论 -
display:block;属性的作用
尼玛的到处说得那么麻烦!!!!简单的就是把行内元素变成块级元素,这样就可以设置宽,高了,笨蛋!!原创 2012-04-04 21:15:21 · 1376 阅读 · 3 评论 -
文本处理属性:text-indent:-xxxpx;的作用
把值设为负值,一般是用来隐藏文本(通用的哦,据说不会被搜索引擎惩罚,文本只给Web Spider(网页收集器)抓取有助于搜索引擎的准确性)感谢提供参考:H1视觉优化两不误——text-indent负值浅析http://bbs.admin5.com/thread-1895369-1-1.html原创 2012-04-04 22:02:04 · 522 阅读 · 0 评论 -
margin(padding)快速设定四个方向值的顺序
上、右、下、左原创 2012-04-03 22:19:43 · 5569 阅读 · 0 评论 -
css中后代元素和子元素的区别
后代元素表达方式:例:#main p{ color:red; }子元素:表达方式:例:#main>p{ color:red; }后代元素包括子元素,孙子元素,重孙子元素.........原创 2012-04-10 15:10:55 · 9862 阅读 · 0 评论 -
css插入背景图片
p{background-image:url()}原创 2012-04-15 19:27:38 · 1647 阅读 · 0 评论 -
css清除浮动
//不允许左右两边浮动{clear:both;}原创 2012-04-16 23:31:15 · 224 阅读 · 0 评论 -
css:导入外部样式表的方法
在 中加入以下2种: 1:兼容性较好2:@import url("xxx.css")老版浏览器可能不支持,而且请看不推荐使用import的参考注意:若是内部样式表的话就在.......原创 2012-05-07 21:27:13 · 9942 阅读 · 4 评论 -
css2属性text-shadow为文本加上阴影效果
例子: //text-shadow:横向偏移(可为正负) 纵向偏移(可为正负) 模糊值(可为正负) 颜色 h1{ text-shadow:2px 2px 4px rgba(0,0,0,.7); } test相似的属性box-shadow,但其是对盒模式外部设定阴影目前浏览器对这两种属性的支持性都不好,没有像border-radius一样原创 2012-05-06 16:36:27 · 1593 阅读 · 0 评论 -
css属性:before :after伪类
例子: //让xxx.jpg图片分别出现在“test”标题两旁 h1:before{ content:url(img/xxx.jpg) }; h1::after{ content:url(img/xxx.jpg) }; test 从IE从IE8开始支持这2个伪类原创 2012-05-06 15:51:42 · 1433 阅读 · 0 评论 -
css中background属性引入图片url()中地址问题
如果是网络上的图片,则引入图片链接地址 例如:url(http://simplebits.com/img/glass-btn.png)如果是本地图片,则url(file:/// 本地存储地址 ),例如url(file:///C:/Users/u/Desktop/tugboat/img/fame.jpg)或者url(页面所在当前目录下的地址算起)例如:url(img/xxx.png)原创 2012-05-04 21:53:58 · 19814 阅读 · 0 评论 -
background-position:top left(关键字)、0px 0px(数值)、0% 0%(百分数)
第一个对应水平方向 ,第二个对应垂直方向原创 2012-05-04 16:30:46 · 2357 阅读 · 0 评论 -
rgba()和opacity的使用
rgba()表示 红 绿 蓝 alpha ,W3C指在原有的rgb颜色模型之后增加了 “alpha”参数,“可以让制定的颜色透明化”(rgb()上扩展的,其只可以设置颜色,而不能使设置的颜色透明化)例子:rgba(55,146,179,.5) ; //rgb值为“55,146,179”,.5使设定的rgb值为50%透明,1为完全不透明,0为完全透明opacity属性原创 2012-05-05 00:06:04 · 4475 阅读 · 0 评论