随笔分类 -  CSDN前博文

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... 阅读全文
posted @ 2015-03-20 20:55 夏目の-の 阅读(170) 评论(0) 推荐(0)
jquery输入框按下回车提交表单
摘要：jQuery on()方法是官方推荐的绑定事件的一个方法$('#password').on('keydown', function(e) { // 短路语法，当e.keyCode == 13成立的时候就执行后面的submit，否则就啥都不执行。 e.keyCode == 13 && $(... 阅读全文
posted @ 2015-03-18 19:43 夏目の-の 阅读(811) 评论(0) 推荐(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:1... 阅读全文
posted @ 2015-01-24 17:01 夏目の-の 阅读(118) 评论(0) 推荐(0)
网页设计标准尺寸
摘要：网页设计标准尺寸： 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话，高度是612-615之间。就不会出现水平滚动条和垂直滚动条。 3、在ps里面做网页可以在800*600状态下... 阅读全文
posted @ 2015-01-24 16:04 夏目の-の 阅读(157) 评论(0) 推荐(0)
JS中关于clientWidth offsetWidth scrollWidth 等的含义
摘要：网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth(包括边线的宽);网页可见区域高： document.body.offsetHeight(... 阅读全文
posted @ 2014-11-30 13:40 夏目の-の 阅读(271) 评论(0) 推荐(0)
如何将Emmet安装到到 Sublime text 3？
摘要：基于是别人原创的，我就直接粘贴一个链接http://www.cnblogs.com/tinyphp/p/3217457.html 阅读全文
posted @ 2014-11-29 15:40 夏目の-の 阅读(102) 评论(0) 推荐(0)
CSS3+HTML5实现块阴影与文字阴影
摘要：CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本教程分5节介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。... 阅读全文
posted @ 2014-08-27 18:37 夏目の-の 阅读(1206) 评论(0) 推荐(0)
CSS中id与class命名规则及编码最佳习惯
摘要：一、用class_name方式写类名。以前喜欢用class-name写，不过好像两样也没什么差别。但我比较反对用className写类名，因为始终对浏览器大小写敏感的问题抱有怀疑态度。但是id我会写成驼峰式，理由见下一条。二、样式都用class而不用id。有三个理由。1，id不可以重复，所以用cla... 阅读全文
posted @ 2014-08-15 16:21 夏目の-の 阅读(900) 评论(0) 推荐(0)
CSS的class、id、css文件名的常用命名规则
摘要：CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：lef... 阅读全文
posted @ 2014-08-15 16:20 夏目の-の 阅读(449) 评论(0) 推荐(0)
自适应网页设计（Responsive Web Design）
摘要：作者：阮一峰随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768... 阅读全文
posted @ 2014-08-15 10:10 夏目の-の 阅读(151) 评论(0) 推荐(0)
text-indent:-9999px 字体隐藏问题
摘要：为什么要字体隐藏？ 通常为了传达更好的视觉效果，我们常用图片替代掉字体。但是为了html语义化，常常要给内容模块加上一些标题来让页面更有意义，在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。（常用语logo处） 另外，建站过过程中朋友喜欢把网站名称用H1表示,但从美... 阅读全文
posted @ 2014-08-15 09:11 夏目の-の 阅读(462) 评论(0) 推荐(0)
DIV+CSS中标签dl dt dd常用的用法
摘要：2010-11-26 14:49:09|分类：CSS 收藏|举报|字号订阅用来创建一个普通的列表,用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。实例一：效果:源码：用法一：图片交给我DT标题交给我DD图片交给我DT标题交给我DD图片交给我DT标题交给我DD图片交给我DT... 阅读全文
posted @ 2014-08-15 08:49 夏目の-の 阅读(272) 评论(0) 推荐(0)
CSS清除浮动
摘要：什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进... 阅读全文
posted @ 2014-08-10 17:25 夏目の-の 阅读(195) 评论(0) 推荐(0)
常见的内联元素与块状元素
摘要：常用的块状元素有：、、...、、、、、、 、常用的内联元素有：、、、、、、、、、、常用的内联块状元素有：、在html中、 、、、 和 就是块级元素。设置display:block就是将元素显示为块级元素。块级元素特点：1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素... 阅读全文
posted @ 2014-08-07 15:22 夏目の-の 阅读(458) 评论(0) 推荐(0)
标签的权值问题（优先级）
摘要：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:... 阅读全文
posted @ 2014-08-07 15:09 夏目の-の 阅读(564) 评论(0) 推荐(0)