css

CSS：选择器

1. 元素选择器p { line-height: 1.5em; }h2 { color: # 696969; }2. id 和 类选择器id .class3. 关系选择器A B：后代选择器 （所有后代）A > B：子选择器（直接后代）A + B：相邻兄弟选择器（AB为兄弟，仅紧邻 A 的 B 生效）A ~ B：一般兄弟选择器（A 之后的所有 B 兄弟生效）注意：子选择器：I
业界 2016年07月11日

网站的肥胖症危机（节译版）

1、大多数网站的主要内容是文本，更准确地说，是简短的文本。文本本身并不大，但是展示它们的网页，正变得越来越大。Twitter展示单条评论（140个字符）的页面，超过900KB。Medium的一篇文章大约400个词，页面大小是1.2MB。如果这种趋势持续下去，2020年，网页的体积平均将超过5MB，比一本俄罗斯长篇小说还大。比如，陀思妥耶夫斯基的《罪与罚》，文本压缩后不到80
业界 2016年07月11日

前端面试大全

HTML面试题1.XHTML和HTML有什么区别HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.前端页面有哪三层构成，分别是什么?作用是什么?结构层 Html 表示层 CSS 行为层 js;3.你做的页面在哪些流览
业界 2016年07月12日

SVG

SVG Shapes 1.矩形 关键字：css, html, html5, svg
业界 2016年07月13日

css学习(持续更新中)

ch单位：该单位是以数字0位参考，width:3ch这个就表明宽度是3个数字0的宽度。 关键字：css, 宽度, width, 数字
业界 2016年07月13日

《DOM编程艺术》中CSS—DOM的总结（二）

前言：接上篇，本篇有两个内容：一个是Demo：当鼠标hover到表格的一行上时这行表格字体加粗。。。好了，废话少说，开始！！！－－－－－－－－－－－－－－－－－－严肃的分割线－－－－－－－－－－－－－－－－－－1.一个Demo需求：创建一个表格，当鼠标hover到一行上时，改变这行中字体的样式，鼠标移走恢复原样。（1）HTML部分这是一个表格 When
业界 2016年07月13日

《DOM编程艺术》中CSS—DOM的总结（三）

前言：这是CSS－DOM系列最后一篇，本文主要总结了className的用法，以及最后对函数进行抽象。－－－－－－－－－－－－－－－－－－我是分割线－－－－－－－－－－－－－－－－－－－－1.className属性前两篇一直是用DOM直接设置或者修改CSS样式，这属于让js的“行为层”干CSS“表示层”活，试想，一旦你要再次修改由DOM脚本设置的样式，就需要在js代码中各种
业界 2016年07月13日

样式里的宽度为小数，js获取其值

js代码： window.onload = function() {var oBtn = document.getElementById('btn');var oDiv = document.getElementById('div1');alert( oDiv.offsetWidth );//四舍五入运算 }通过实验我们发现，样式可以设置为小数，但是js获取其值的时候，会进
业界 2016年07月14日

切图崽的自我修养－使用自动化工具

前言F5已烂想来大家对自动化构建工具已经不陌生了，自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作，合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等，这些构建工具核心都是依赖第三方插件，通过颗粒化任务，再将这些任务按照合适的方式进行组合，构建项目所需的自动化工作流常用插件这里来简单来说明一下Grunt的最常用的几个插件:gr
业界 2016年07月14日
加载更多