![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端笔记
文章平均质量分 71
撑伞的猫小姐
这个作者很懒,什么都没留下…
展开
-
CSS中id与class命名规则及编码最佳习惯
一、用class_name方式写类名。以前喜欢用class-name写,不过好像两样也没什么差别。但我比较反对用className写类名,因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式,理由见下一条。二、样式都用class而不用id。有三个理由。1,id不可以重复,所以用class的话,可以肆无忌惮的用无数次。2,id的优先级太高,若是转载 2014-08-15 16:21:42 · 523 阅读 · 0 评论 -
标签的权值问题(优先级)
标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码:p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{col原创 2014-08-07 15:09:29 · 643 阅读 · 0 评论 -
CSS Hack汇总快查(CSS兼容代码演示)
文章出处和来源网址:http://www.divcss5.com/css-hack/c284.shtml以下是常用CSS HACK问题及解决代码-DIV+CSS网支持1、屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/select:empty {font:12转载 2015-03-20 20:55:26 · 370 阅读 · 0 评论 -
网页设计标准尺寸
网页设计标准尺寸: 1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持在1002以内,如果满框显示的话,高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560转载 2015-01-24 16:04:04 · 452 阅读 · 0 评论 -
页面重置样式
@charset "utf-8";/* CSS Document */body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fileset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}body{font-size:12px;}img{border:none;}li{list-style:none转载 2015-01-24 17:01:08 · 380 阅读 · 0 评论 -
JS中关于clientWidth offsetWidth scrollWidth 等的含义
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scroll转载 2014-11-30 13:40:06 · 313 阅读 · 0 评论 -
如何将Emmet安装到到 Sublime text 3?
基于是别人原创的,我就直接粘贴一个链接http://www.cnblogs.com/tinyphp/p/3217457.html转载 2014-11-29 15:40:40 · 307 阅读 · 0 评论 -
js打印功能
1、window.print方式:jsp页面 打印按钮: js 中: function print(){ window.print();style样式中,设置隐藏按钮打印: @media print { .noprint{display:none} } 2、WebBrow转载 2014-07-30 16:24:06 · 614 阅读 · 1 评论 -
border-radius 圆角半径
CSS3属性之一:border-radius语法:border-radius : none | {1,4} [ / {1,4} ]?相关属性: border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius转载 2014-07-29 10:24:11 · 456 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
作者: 阮一峰随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小转载 2014-08-15 10:10:54 · 295 阅读 · 0 评论 -
常见的内联元素与块状元素
常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、转载 2014-08-07 15:22:19 · 796 阅读 · 0 评论 -
CSS的class、id、css文件名的常用命名规则
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头:header内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center转载 2014-08-15 16:20:01 · 512 阅读 · 0 评论 -
CSS清除浮动
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。引用W3C的例子,news容器没有包围浮动的元素转载 2014-08-10 17:25:45 · 288 阅读 · 0 评论 -
web页面实现指定区域打印功能
web页面实现指定区域打印功能使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。详细如下: .noprint{visibility:hidden} 要打印的内容。哈哈!将不打印的代码放在这里。打印第二种方法:指定打印区域把要打印的内容放入一个 span或div,然后通过一个函数打印。把转载 2014-07-30 16:12:54 · 450 阅读 · 0 评论 -
CSS3+HTML5实现块阴影与文字阴影
CSS 3 + HTML 5 是未来的 Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本教程分5节介绍了 5 个 CSS3 技巧,可以帮你实现未来的 Web,不过,这些技术不应该用在正式的客户项目,它们更适合你的个人博客站点,Web 设计社区,或者不会有客户向你投诉的场合。 块阴影与文字阴影 阴影效果曾让 Web 设计师既爱又恨,现在,有了 CSS3,转载 2014-08-27 18:37:07 · 1670 阅读 · 0 评论 -
text-indent:-9999px 字体隐藏问题
为什么要字体隐藏? 通常为了传达更好的视觉效果,我们常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。 另外,建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑,要用logo图片来代替h1,这时需要隐藏h1内的这段文字,但又不能对搜索引擎不友好,转载 2014-08-15 09:11:41 · 606 阅读 · 0 评论 -
DIV+CSS中标签dl dt dd常用的用法
2010-11-26 14:49:09| 分类: CSS 收藏|举报|字号 订阅用来创建一个普通的列表,用来创建列表中的上层项目,用来创建列表中最下层项目,和都必须放在标志对之间。 实例一:效果: 源码:body{ font-size:12px; line-转载 2014-08-15 08:49:01 · 408 阅读 · 0 评论 -
jquery输入框按下回车提交表单
jQuery on()方法是官方推荐的绑定事件的一个方法$('#password').on('keydown', function(e) { // 短路语法,当e.keyCode == 13成立的时候就执行后面的submit,否则就啥都不执行。 e.keyCode == 13 && $('#myForm').submit();}); $(原创 2015-03-18 19:43:33 · 459 阅读 · 0 评论