笔记-HTML4&5/CSS2.1&3
关注
分享
扫一扫
crper
对设计、交互、产品都有自己的见解和追求;更多关于我:https://www.yuque.com/crper/blog/about_me
展开
-
CSS BOX 回顾
CSS BOX 笔记原创 2014-03-05 15:46:01 · 1607 阅读 · 0 评论 -
HTML5属性data-*的操作
HTML5 自定义属性data-*的操作技巧汇总原创 2016-04-25 18:52:08 · 8032 阅读 · 0 评论 -
OOCSS(样式和结构的分离与容器和内容的分离)
神马是OOCSS简言之：就是面向对象的CSS【Object Oriented CSS】，和大多OO编程语言的类似，都是提倡高复用【抽离公共属性，给私有增加特定属性；这种东东在很早之前就有提倡使用了。从各种栅格布局的写法上更能看到这种写法； 至于为什么又拿出来讲，是因为前端组件化开发已经成为趋势，OOCSS的理念不谋而合，会火起来的；使用面向对象的CSS的理由CSS样式更具有重用性，另外也使用我们原创 2015-12-01 19:53:24 · 2916 阅读 · 0 评论 -
CSS3:box-sizing:不再为盒子模型而烦恼
题外话:W3C奉行的标准,就是content-box,就是需要计算边框,填充还有内容的;但是就我个人而言, 比较喜欢的是传统IE6时候的怪异模式,不用考虑容器是否会被撑开(打乱布局);盒子模型差异盒子大小计算原理W3C标准盒子 = (边框 + 填充 + 内容块大小) ,牵一发而动全身; 传统IE6盒子 = 整体宽高(边框,填充和边距随盒子大小而调整变化)若是计算占用位置,两中盒子都要算上ma原创 2015-08-19 18:22:48 · 4806 阅读 · 0 评论 -
nodejs之路-[0]安装及简易配置
题外话:之前写过ubuntu下编译nodejs… 传送门:Ubuntu15.04编译安装nodejsV0.12.3不过现在基本在win下做开发了…. 就以这篇帖子为开头,作为我踏上nodejs之路的开篇吧…安装配置windows下的安装比linux简单好多,简言之就三个步骤:到下载下载针对自己系统版本的可执行文件(exe) – 官网 -> Download -> 找吧 把执行路径写到环境变量p原创 2015-08-17 10:59:33 · 1695 阅读 · 1 评论 -
当前浏览器对HTML5支持状况(全平台)
题记HTML5test 这个网站专门测试浏览器对HTML5支持状况,只要你的浏览器打开HTML5test这个页面,就会得到一个测评的分数,然后会列出你当前浏览器对哪些特性支持良好,哪些不支持简易测试如图:360极速浏览器测试的(内核是chromium 42) – 极速模式;我稍微看了下不支持的特性…都是比较少用到的特性…. 所以总体来说,在H5和CSS3下的体验是相当良好的而我本地的chrome 4原创 2015-08-24 19:14:53 · 12359 阅读 · 2 评论 -
Bootstrap标准页面模版_V3.3.4
<!DOCTYPE html><html lang="zh-CN"> <head> <!--网页页面字符集--> <meta charset="utf-8"> <!--让IE使用最新的渲染模式--> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--针对移动设备,网站显示宽度等于设备屏幕原创 2015-05-03 23:00:34 · 2533 阅读 · 0 评论 -
Font-Awesome最新版完整使用教程
何为Font-Awesome Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.简言之:可伸缩的图标(矢量化),高度自定义(大小,原创 2015-05-31 22:56:51 · 46200 阅读 · 4 评论 -
CSS3边框圆角实现
语法border-radius:length|percentage {1,4}length : 用长度值设置对象的圆角半径长度。不允许负值percentage : 用百分比设置对象的圆角半径长度。不允许负值{1,4}是说该属性支持1~4参数值;参数解释一个参数: 所有半径相等,顺时针,自左上角到左下角两个参数:对角相等.第一个参数:左上角=右下角;第二个参数:右上角=左下角三个参数原创 2015-05-15 19:12:27 · 4705 阅读 · 0 评论 -
Firebug折腾记_(2)HTML&CSS定位及调试小技巧
题外话传统的开发我们是在编辑器操作代码保存,再到浏览器预览查看效果的; 而如今的firebug和chrome的内置调试器就不需要了..可以直接实时编辑且看到效果; 在调试中对代码的操作不会保存到本地实际代码中..是不是很赞!!;定位HTML元素的三种方式进入调试工具界面,按下”瓢虫”旁边的小鼠标,再进行网页元素的选择默认快捷键,Ctrl + shift + C鼠标移动到网页的某一块元素,鼠原创 2015-08-21 12:16:18 · 2823 阅读 · 1 评论