随笔分类 - [12]CSS
摘要:语法 共享声明 继承 通过 CSS 继承,子元素将继承最高级元素(在本例中是 body)所拥有的属性(这些子元素诸如 p, td, ul, ol, ul, li, dl, dt,和 dd)。不需要另外的规则,所有 body 的子元素都应该显示 Verdana 字体,子元素的子元素也一样。 如果你不希
阅读全文
摘要:```
max-width: 200px;
display: block;
word-break: break-all;
```
阅读全文
摘要:lg 大, md 中等, sm 小, xs 极小。 可以单独用,也可以混合用,不同的屏幕用不同的比例。 push ,pull 推拉。这个不实用。 row里面可以嵌套实用row。 挤不下的时候,就会自动往下排。 clearfix清除浮动。 offset 偏移。 alert 醒目显示。 hidden x
阅读全文
摘要:html中css、div命名规范 1.类class的命名规范示例 2.注释的写法 3.id的命名 4.类class的书写规范示例 5.CSS样式文件命名如下 6.注意事项 腾讯团队
阅读全文
摘要:apiCloud中aui获取不到高度,pos.h为0,offsetHeight为0问题 原HTML 现HTML 使用栅格的时候,需要在外部包裹一个aui row。 有了这个class,元素高度就能获取到了。否是会得到0。因为栅格模式中的float浮动会影响高度获取。 JS
阅读全文
摘要:为什么这样? 体验好 原理 通过两个表格,使其th td 对应,产生一种错觉。 代码 1.html 2.css 核心
阅读全文
摘要:在应用有frameset或者iframe的页面时,parent是父窗口,top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe),self是当前窗口, opener是用open方法打开当前窗口的那个窗口。 window.self 功能:是对当前窗口自身的引用。它和window属性
阅读全文
摘要:css不好实现的效果,通过背景图片来弥补。 css html 效果有了,剩下的就是通过js逻辑和程序逻辑来实现排序了。 实现功能 html改造 增加date type,统一的class 'sort'。 js事件 后台处理 tips:这里是大概的思路,具体需要你们根据实际情况去实现,可以优化成异步加载
阅读全文
摘要:神奇的代码 暂且叫做html5.css 完整的html代码 表单验证是一套系统,它为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化,让web应用更快的抛出错误,但它仍不能取代服务器端的验证,重要数据还要要依赖于服务器端的验证,因为前端验证是可以绕过的。 html5验证的几种类型: 1、v
阅读全文
摘要:![](http://images2015.cnblogs.com/blog/422101/201606/422101-20160616234050229-11870551.png) ``` css default ok cancel ```
阅读全文
摘要:Sublime Text 早就有插件(Sublime Prefixr)使用 prefixr 的 API 来自动完成 CSS 前缀,但是 autoprefixer 更牛,这款可使用 Can I Use 的资料库。 插件官方网址:Sublime Autoprefixer on GitHub 效果明显,多
阅读全文
摘要:很神奇的背景设置, 看代码, 会产生这种效果的背景。 查看浏览器支持性,www.caniuse.com 可以看出很多浏览器都支持!
阅读全文
摘要:自动完成,功能强大! 具体请参考 http://leaverou.github.io/awesomplete
阅读全文
摘要:``` 点击灯泡 开/关 灯 ``` ![](http://images2015.cnblogs.com/blog/422101/201606/422101-20160605122756539-1378563808.png)
阅读全文
摘要:1.有时候扒取整个页面,内容太多。 2.有时候不扒取页面,特效太难找,百度搜不到。 3.扒取页面,可以用谷歌,专门把想要的那一块,弄下来。包括html,以及相关的css样式。 4.本地单元测试,实现css效果。 5.一些js效果,可以自己去处理。 想要扒取的页面特效 针对一小块,进行扒取 获取htm
阅读全文
摘要:正常的项目当中,应当有一个common.css,就是把一些常用的样式,写入其中。 然后再结合一些特性的css,构造漂亮的页面。 下面欣赏一些海盗商城的common.css。 类名称通俗易懂,样式多样且全面。支持各种手机端布局。很棒。值得借鉴。
阅读全文
摘要:1. 引言 选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明。 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到底听从谁的命令? 上面还是比较简单的,下面在来一个复杂的: 上图中的<li>该显示成什么
阅读全文
摘要:演示 应用 1.引入js,并初始化 2.给图片附上属性 3.给未加载的图片设置默认背景,动态的gif 很方便,很实用。 要想进一步提升网页打开速度,可以优化上传的图片。 网页慢,无非是,一查询慢,二图片加载慢,三没有使用延迟加载,四图片数据太大。 根据这些原因,逐步解决。 提升用户体验。
阅读全文
摘要:![](http://images2015.cnblogs.com/blog/422101/201604/422101-20160415175736316-947832208.png) ![](http://images2015.cnblogs.com/blog/422101/201604/422101-20160415175745504-365880232.png) ``` ...
阅读全文