文章分类 -  01_HTML&CSS

1 2 下一页
HTML3&&CSS3
在webapp上使用input:file
摘要：在iOS6下开发webapp，使用inputz之file，很有用 capture表示，可以捕获到系统默认的设备，比如：camera--照相机；camcorder--摄像机；microphone--录音。accept表示，直接打开系统文件目录。其实html5的input:file标签还支持一个mul... 阅读全文
posted @ 2014-12-08 16:20 阳光小屋 阅读(246) 评论(0) 推荐(0)
CSS 单行溢出文本显示省略号...的方法（兼容IE FF）（转）
摘要：html代码：CSS Web Design 我爱CSS-Web标准化 Div+css教程 - www.52css.comcss代码：div{width:200px;/*容器的基本定义*/height:200px;background-color:#eee;}/* IE下的样式 */ p span{d... 阅读全文
posted @ 2014-10-10 08:53 阳光小屋 阅读(112) 评论(0) 推荐(0)
css3:user-select属性
摘要：一、user-select简介 这是在css3 UI规范中新增的一个功能，用来控制内容的可选择性二、user-select:值auto——默认值，用户可以选中元素中的内容none——用户不能选择元素中的任何内容text——用户可以选择元素中的文本element——文本可选，但仅限元素的边界内(只有I... 阅读全文
posted @ 2014-09-30 12:53 阳光小屋 阅读(487) 评论(0) 推荐(0)
使用Modernizr 检测HTML5和CSS3浏览器支持功能
摘要：传统浏览器目前不会被完全取代，令你难以将最新的 CSS3 或 HTML5 功能嵌入你的网站。 Modernizr 正是为解决这一难题应运而生，作为一个开源的 JavaScript 库，Modernizr 检测浏览器对 CSS3 或 HTML5 功能支持情况。 Modernizr 并非试图添加老版本浏... 阅读全文
posted @ 2014-09-11 09:52 阳光小屋 阅读(283) 评论(0) 推荐(0)
2014年最新前端开发面试题（题目列表+答案 完整版）
摘要：目录前言HTML 部分CSS 部分JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：(来源程劭非老师 githu... 阅读全文
posted @ 2014-09-03 17:34 阳光小屋 阅读(153) 评论(0) 推荐(0)
浏览器 CSS & JS Hack
摘要：浏览器渲染页面的方式各不相同，甚至同一浏览器的不同版本（“杰出代表”是 IE）也有差异。因此，浏览器兼容成为前端开发人员的必备技能。如果有一份浏览器 Hack 手册，那查询起来就方便多了。这篇文章就向大家分享Browserhacks 帮我们从网络上收集的各个浏览器特定的 CSS & JavaScri... 阅读全文
posted @ 2014-09-03 17:22 阳光小屋 阅读(170) 评论(0) 推荐(0)
写给入门者的三十条HTML代码编写指南
摘要：本文总结了30条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。1. 一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句：Some text here. Some new text here. You get ... 阅读全文
posted @ 2014-09-02 17:02 阳光小屋 阅读(262) 评论(0) 推荐(0)
filter IE滤镜（Internet Explorer）CSS
摘要：CSS滤镜虽然只能在IE浏览器中表现出效果，但是仍不失为网页增加特效的好办法。1．CSS静态滤镜样式 （filter） CSS静态滤镜样式的使用方法：{ filter : filtername( parameters1, parameters2, ...) }Filter样式 简要说明 支持参数 ... 阅读全文
posted @ 2014-08-29 15:25 阳光小屋 阅读(507) 评论(0) 推荐(0)
让你的CSS更尽完美的技巧
摘要：CSS要学会并不是一件难事，但要在一个大项目中写好CSS和管理好CSS还是有一定的难度的。不过并不可怕，如果你遵循一定的方法，还是很容易写出一个 较好的CSS，也能很好的管理好你的CSS样式。下面搜集了几个这方面的技巧，希望能帮助大家写出一个更好的CSS样式。一、不要使用全局复位样式使用全局复位样式... 阅读全文
posted @ 2014-08-28 17:09 阳光小屋 阅读(150) 评论(0) 推荐(0)
主流浏览器的Hack写法
摘要：大家平时看得多的应该是IE浏览器的hack写法比较多，但对于现代浏览器，比如说Safari、Chrome、Firefox等浏览器的hack写法并不多见，甚至有的不知道怎么写。如果您是属于后者，根本不知道各浏览器下具有哪些hack手段，不要着急。因为Hugo Giraudel和Tim Pietrusk... 阅读全文
posted @ 2014-08-28 16:55 阳光小屋 阅读(187) 评论(0) 推荐(0)
Medial Queries的另一用法——服务于IE
摘要：随着Responsive设计的流行，Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择，让站点在不同的设备中实现不同的效果。这个早前在w3cplus已经介绍过，如果你还没有接触，不仿点击这里详细阅读。今天在看blog时发现一个其他的使用方法，就是利用@... 阅读全文
posted @ 2014-08-28 16:52 阳光小屋 阅读(112) 评论(0) 推荐(0)
浏览器兼容性五:IE常见Bug——part3
摘要：一、修复IE下Select中Option的宽度这个Bug是发生在上的，而且是相当的明显，当你在上设置了一个静态的宽度时，当 其选项内容超过设置的宽度时，其内容也将直接被截，这种现像只发生在Ie6-7中，在其浏览器中并无此Bug，如下图所示：如何解决上图那样的Bug。我在CSS-TRICKS的Sele... 阅读全文
posted @ 2014-08-28 15:38 阳光小屋 阅读(174) 评论(0) 推荐(0)
浏览器兼容性四:IE常见Bug——part2
摘要：一、IE6克隆文本的Bug这个Bug在IE6下碰到代码的注释常发生，时常用朋友问到，怎么我的没有输入这个东西，怎么会生成呢？我们来看下面的一张图，展示的就是月IE6下无故多了一些文本：在我们的Html代码为： 往往你的结构如上面的风格时，就会碰到IE6下多了一段文... 阅读全文
posted @ 2014-08-28 15:28 阳光小屋 阅读(128) 评论(0) 推荐(0)
理解HTML语义化
摘要：1、什么是HTML语义化？ 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。2、为什么要语义化？为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；用户体验：例如title、alt用于解... 阅读全文
posted @ 2014-08-12 23:02 阳光小屋 阅读(148) 评论(0) 推荐(0)
页面banner代码
摘要：(function(){ var Isrun=false; func_movecustomers=function(type) { if(Isrun) return; Isrun=true; var w=800; var n=$(".ul_customers")... 阅读全文
posted @ 2014-08-07 13:40 阳光小屋 阅读(245) 评论(0) 推荐(0)
CSS Hack技术解决多浏览器兼容问题
摘要：本文向大家描述一下如何使用CSS Hack技巧解决DIV+CSS布局多浏览器兼容问题，针对不同的浏览器写不同的CSS代码的过程，就叫CSS Hack，相信本文介绍一定会让你有所收获。CSS Hack技巧汇总 CSS Hack简介我们在用DIV+CSS制作网页时，由于不同的浏览器，比如 Interne... 阅读全文
posted @ 2014-08-06 10:05 阳光小屋 阅读(152) 评论(0) 推荐(0)
IE6与CSS样式兼容问题汇总
摘要：1、PNG半透明图片的问题虽然可以通过JS等方式解决，但依然存在载入速度等问题，所以，这个上能不要用还是尽量不要用。以达到网站最大优化。2、IE6下的圆角IE6不支持CSS3的圆角属性，比较好的解决方法就是用图片圆角来替代，或者放弃IE6的圆角。3、IE6背景闪烁如果给链接、按钮用CSSsprite... 阅读全文
posted @ 2014-08-06 09:58 阳光小屋 阅读(103) 评论(0) 推荐(0)
Web开发者不容错过的20段CSS代码
摘要：Web开发技术每年都在革新，浏览器已逐渐支持CSS3特性，并且网站设计师和前端开发者普遍采用这种新技术进行设计与开发。但仍然有一些开发者迷恋着一些CSS2代码。本文将分享20段非常专业的CSS2/CSS3代码供大家使用，你可以把它们保存在IDE里、或者存储在CSS文档里，这些代码片段绝对会给你带来意... 阅读全文
posted @ 2014-08-06 09:45 阳光小屋 阅读(167) 评论(0) 推荐(0)
CSS控制文本自动换行
摘要：1.你定死表格的宽度，即给表格一个宽度值（是数值，不是百分比） 2.强制不换行div{//white-space：不换行;normal 默认;nowrap强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象white-space:nowrap; }自动换行div{ word-wrap: br... 阅读全文
posted @ 2014-08-06 09:30 阳光小屋 阅读(7813) 评论(0) 推荐(0)
网页设计中排版与布局基础
摘要：些人始终认为，网页最主要是内容，不需要再搞些门面上的东西，还拿出MUD来比 喻。可是，红花还需要绿叶陪衬。想想，若MUD不只是单纯的文本，还有画面出来， 那么，它所吸引的何止现在的这些MUD迷呢？ 那么，我所要说的到底是什么呢？初学者如果能够了解一些设计上的东西，那么， 自己的页面不会显得乱，自己看... 阅读全文
posted @ 2014-07-24 13:08 阳光小屋 阅读(275) 评论(0) 推荐(0)

1 2 下一页