- 博客(96)
- 收藏
- 关注
原创 text-align: vertical-align:
又2个神一般的属性啊,top bottom center right left 随便文本图片居中
2012-06-13 14:29:23
572
原创 <textarea>不能用<textarea/>关闭 ,而是必须用<textarea></textarea>
textarea虽然是输入框,但其为行内元素
2012-06-12 23:26:29
617
转载 css权值
权值很恶心还得像数学一样计算 尼玛啊,劳资我终于摆脱数学了 又让我算,不过我一般喜欢抽象的东西既然找打个不错的总结,就是: 权值的大小跟选择器的类型和数量有关样式的优先级跟样式的定义顺序有关其实规则很简单: 比较同一级别的个数,数量多的优先级高,如果相同即比较下一级别的个数css森林 点击打开链接
2012-06-12 12:32:30
798
原创 margin: left right /top bottom的怪异
不论有没有设置宽高,margin-right,margin-left均可调整与相邻元素的相对位置,但是margin-top ,margin-bottom就不行,它不会使本元素移动,而是在元素的外围增加margin值(至少现在看来是这样的),因此我实现上下移动功能暂时用padding-top,padding-bottom
2012-06-11 23:53:22
424
原创 focus事件说通俗点就是鼠标点击在该区域的时候的事件
例子:我们注册时点击表单输入框会显示另一种颜色,可能是背景色改变,也可能是边框色改变,那么此时就是用到focus事件,若是背景色改变,那么就:focus{ background-color:red; }
2012-06-11 22:21:10
717
原创 css text-align:right;属性
一个很可爱的属性 ,我们非常熟悉text-align:center;让文本图片居中的属性,但是若我们看到注册,或者登陆表单由于域集名长度不一,但是要在其固定宽度容器内右对齐,则可设置这个属性
2012-06-11 21:23:49
3198
原创 css display:inline-block属性
一个神一般的属性,一个全方位无死角的属性!!!!注意,只可对行内元素设定,既有inline的内联属性,又有block的可以设置宽高的属性,但margin-top,margin-bottom无效,且无法包含块级元素,这两点仍保持自己作为内联元素的属性
2012-06-11 21:07:37
445
原创 让页面元素适应电脑屏幕大小设置width:100% height:100%
网页的页头和页尾一般总要左右填满整个窗口 ,然后某些页面的高度也要填满整个窗口(没解决),我们可以用width:100%; height:100%(有疑问);设置
2012-06-09 14:04:57
3955
原创 overflow-x
visible:不剪切内容。hidden:将超出对象宽度的内容进行裁剪,将不出现滚动条。scroll:将超出对象宽度的内容进行裁剪,并以滚动条的方式显示超出的内容。auto:在需要时剪切内容并添加滚动条,此为body对象和textarea的默认值。
2012-06-09 13:50:09
447
转载 html 中submit和button的区别
点击打开链接type=button 就单纯是按钮功能 type=submit 是发送表单但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.用button后往往页面不支持enter键了。所以需要支持en
2012-06-02 16:12:11
495
转载 在我的电脑本地用SVN的Relocate重新定位服务器地址
点击打开链接客户更换了SVN服务器地址,在TortoiseSVN中发现有个Relocate(重新定位)功能,打开后在to URL 中写上新的svn地址就可以了。包括子目录,都更新了svn地址,呵呵,以前居然没注意到。
2012-05-31 20:20:51
652
原创 css的z-index改变层级
在CSS中,显然,只能通过代码改变层级,这个属性就是z-index,要让z-index起作用有个小小前提,就是元素的position属性要是relative,absolute或是fixed
2012-05-25 16:13:07
907
原创 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
980
原创 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
7049
原创 css重置样式表reset.css
重新设置浏览器为HTML元素默认制定的显示样式,因为各个浏览器默认的样式都有区别,在编写自己的样式前先将默认样式重置,可以让我们在一个统一的基础上展开工作,编写样式表还有个好处就是不用再样式表中反复设置同样的规则。
2012-05-10 22:06:53
865
原创 css 属性 background:transparent;
实际上background默认的颜色就是透明的属性: background:transparent;
2012-05-10 21:50:28
4075
原创 css:导入外部样式表的方法
在 中加入以下2种: 1:兼容性较好2:@import url("xxx.css")老版浏览器可能不支持,而且请看不推荐使用import的参考注意:若是内部样式表的话就在.......
2012-05-07 21:27:13
9951
4
原创 css3 webkit实验的动画效果:-webkit-transition
例子: /*以下是-webkit-transition的缩写方式,其实分别包含-webkit-transition-property指定效果出现在哪个属性上 -webkit-transition-duration控制过渡时长,-webkit-transition-timing-function控制过渡效果发生期间的速度,详细属性参数请参考来自张鑫旭空间*/
2012-05-06 23:04:01
9896
1
原创 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
1600
原创 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
1440
原创 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
4482
原创 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
19957
原创 ps制作玻璃效果(整体透明且上为白色半透明下为无色透明)的PNG格式背景图片
1.首先 ctrl+n新建图层,图层大小此时举例宽设置为 50px 高100px ,“ 背景内容” 选择“ 透明” ,单击“ 确定” 2.然后在“ 图层 ”菜单中选择 “ 新建 ”—— “ 图层 ”, 弹出框后 直接单击“ 确认 ”. 3选择要填充的图层,接着在 " 编辑 " 菜单中选择 “ 填充 ”,在弹出的框中选择要填充的颜色,和不透明度%.4.最后在“ 图像 ”菜单中
2012-05-04 18:14:09
9434
原创 background-position:top left(关键字)、0px 0px(数值)、0% 0%(百分数)
第一个对应水平方向 ,第二个对应垂直方向
2012-05-04 16:30:46
2363
原创 css3的border-radius属性可以加在任何属性之上,使之产生圆角效果
使用例子border-radius:8px; //标准的css3属性,以备今后的浏览器都正式支持这一功能-webkit-border-radius:8px; //基于Mozilla(Gecko引擎的浏览器,chrome ,safari-moz-border-radius:8px; //基于WebKit引擎的浏览器
2012-05-03 23:39:36
1353
1
原创 float在js中作为保留字禁止用户使用
而且Style对象没有直接与float属性相对应的脚本属性名,则解决方法是在float属性前加css前缀为cssFloat
2012-05-03 23:06:48
625
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人