Html5+CSS3 - 文章分类(第9页) - Shimily

em px 简单换算★★★

摘要：大部分的网页设计者在CSS代码编写中总是先对整体定义字体尺寸，中文情况下一般为12px，而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的用户体验过程。其实这一切都可以避免，那就是使用em单位作为字体显示单位。一、首先说下em和px... 阅读全文

posted @ 2015-04-09 16:52 Shimily 阅读(148) 评论(0) 推荐(0)

怎样写出简洁的css代码？？★★★★

摘要：base.css 设置各种默认值：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, cod... 阅读全文

posted @ 2015-04-08 12:57 Shimily 阅读(181) 评论(0) 推荐(0)

CSS文字大小设置默认值【 em 与 px 转换】♣ ★♣ ★ ---------------》设置为： 1em=10px 1.2em=12px

摘要：自定义em与px转换： 1. font-size: 16px; font-size: 1em; font-size: 100%; 这样的话， 1em=16px 【默认：1em=16px】2. font-size: 14px; font-size: 1em; font-size: 87.5%; 这... 阅读全文

posted @ 2015-04-08 12:28 Shimily 阅读(688) 评论(0) 推荐(0)

用CSS截断字符串★★★

摘要：方法一：任意长度的字符串说明：优点是内容可以为任何HTML元素，包括超链接和图片等，在IE6中还会在结尾自动显示省略号。缺点是必须指定宽度数值，并且宽度不能是百分数，否则在IE中会被认为是字符总长的百分比。方法二：说明：优点是宽度可以设为百分数。但缺点是内容只能为纯文本，不能有超链接等内容。CS... 阅读全文

posted @ 2015-04-02 13:37 Shimily 阅读(117) 评论(0) 推荐(0)

jquery【自动补全输入】插件jquery.bigautocomplete.js

摘要：http://bigui4.sinaapp.com/autocomplete/demo.html$(function(){ $("#tt").bigAutocomplete({data:[{title:"book"}, {t... 阅读全文

posted @ 2015-04-02 13:12 Shimily 阅读(1273) 评论(0) 推荐(0)

jquery input值发生变化时，时时触发事件 input propertychange 、 cheng

摘要：propertychange事件，是input值发生变化时，时时触发的事件$(".dizhi").bind("input propertychange",function(){ //当输入时，立刻隐藏下拉列表 $("#Marriage dd").hide(); });chen... 阅读全文

posted @ 2015-04-02 13:11 Shimily 阅读(2688) 评论(0) 推荐(0)

去掉或者修改 input、select 等表单的【默认样式】

摘要：隐藏input等表单的默认样式的背景：textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}让div看起来像按钮：div{appear... 阅读全文

posted @ 2015-03-30 17:23 Shimily 阅读(2832) 评论(0) 推荐(0)

利用CSS截取标题长度方法

摘要：网站中经常出现一些标题比较长的文章，再调用标题时为了使整体布局美观，需要将标题控制在一行显示，并且截取一定的长度，截取的地方用省略号代替。虽然用动态语言可以对其控制，但是这样做是不利于搜索引擎收录的，而CSS很巧妙地解决了这个问题，请看下面的代码：代码一：用于非表格LI或span等都可以.text-... 阅读全文

posted @ 2015-03-25 10:38 Shimily 阅读(230) 评论(0) 推荐(0)

【图片、背景虚化模糊效果模糊：blur 灰度：grayscale】★★★★★

摘要：.blur { filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(4px); /* Chrome, Opera */ -moz-filter: blur(4px)... 阅读全文

posted @ 2015-03-24 11:47 Shimily 阅读(415) 评论(0) 推荐(0)

【html 及 HTML5所有标签汇总】★★★

摘要：/****************************************************************************/ 【HTML5所有标签汇总】★★★/******************************************************... 阅读全文

posted @ 2015-03-23 16:36 Shimily 阅读(736) 评论(0) 推荐(0)

关于div层的间隙, 还有img与div的间隙

摘要：今天遇到一个问题就是上下两个层之间有空白间隙（层内放的是图片）解决方法找到上面的div中的图片代码所在位置，为其设定属性style="display:block"，问题解决。或者img下边有div（中有图片）设置img（div上面的object）‍其设定属性style="display:bloc... 阅读全文

posted @ 2015-03-23 16:31 Shimily 阅读(214) 评论(0) 推荐(0)

【清除浮动】clearfix:after清除浮动的新方法。

摘要：.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;} //只要写一个.clearfix就行了，然后在需要清浮动的元素中添加cle... 阅读全文

posted @ 2015-03-18 14:39 Shimily 阅读(200) 评论(0) 推荐(0)

img图片上下左右切相对文字【居中】的方法

摘要：方法一：给img所在的div进行设置： display:table-cell; text-align:center; vertical-align:middle;然后给图片本身设置：vertical-align:middle;相对文字居中 Document 你好啊你好啊显... 阅读全文

posted @ 2015-03-05 16:30 Shimily 阅读(1127) 评论(0) 推荐(0)

HTML5标签与HTML4的区别分析

摘要：（1）概念的变化：HTML5专注内容与结构，而不专注的表现导航相关数据菜单标题:HTML5专题视频教程（2）声明与标签：HTML5在更多的声明和标签上面做了简化，也对兼容做了详细的规定，废除了部分元素，增加了部分元素。HTML5标签语法介绍及新增标记1、语法标签：（1）不允许写的结束符的... 阅读全文

posted @ 2015-03-02 22:49 Shimily 阅读(191) 评论(0) 推荐(0)

jquery的ajax同步和异步

摘要：之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出去假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运... 阅读全文

posted @ 2015-03-02 21:54 Shimily 阅读(606) 评论(0) 推荐(0)

让IE（包括IE6）支持HTML5元素的方法

摘要：方法1：让IE（包括IE6）支持HTML5元素，我们需要在HTML头部添加以下JavaScript，这是一个简单的 document.createElement声明，利用条件注释针对IE来调用这个js文件。Opera，FireFox等其他非IE浏览器就会忽视这段代码，也不会存在http请求。 ... 阅读全文

posted @ 2015-03-01 14:21 Shimily 阅读(171) 评论(0) 推荐(0)

HTML5 离线存储实战之manifest（附缓存整个文件夹的方法）

摘要：最近做了一个应用，想要在高级浏览器下离线存储图片以及样式，遂用到了html5的manifest，其中遇到不少问题，写下来总结一下。demo:http://blog.jnecw.com/demo/id_00012/2.html首先就是要声明manifest的mime类型，apache下可以在httpd... 阅读全文

posted @ 2015-02-03 17:33 Shimily 阅读(4602) 评论(0) 推荐(0)

离线缓存技术--html5

摘要：html5 离线缓存测试案例链接：http://i.cnblogs.com/Files.aspx html5通过application cache API提供离线存储功能,前提是需要访问的web页面至少被在线访问过一次一、离线本地存储和传统的浏览器缓存区别浏览器缓存主要包含两类：缓存协商：L 阅读全文

posted @ 2015-02-03 17:03 Shimily 阅读(962) 评论(0) 推荐(0)

canvas 编辑器测试器

摘要：http://www.htmljscss.com/editor 阅读全文

posted @ 2015-01-24 22:06 Shimily 阅读(133) 评论(0) 推荐(0)

html5 canvas--1.canvas介绍

摘要：从今天开始，我们将开始一个关于html5 canvas的系列课程。这个系列是我读《HTML5 Canvas：Native Interactivity and Animation for the Web》后的总结，有兴趣的朋友可以去下载英文原版书籍阅读。这本书通过介绍canvas游戏开发的方式，向我们... 阅读全文

posted @ 2015-01-24 21:08 Shimily 阅读(139) 评论(0) 推荐(0)

Shimily

学而不思则罔，思而不学则殆

文章分类 - Html5+CSS3