随笔分类 -  [12]CSS

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