css

《DOM编程艺术》中CSS—DOM的总结(二)

前言:接上篇,本篇有两个内容:一个是Demo:当鼠标hover到表格的一行上时这行表格字体加粗。。。好了,废话少说,开始!!!------------------严肃的分割线------------------1.一个Demo需求:创建一个表格,当鼠标hover到一行上时,改变这行中字体的样式,鼠标移走恢复原样。(1)HTML部分这是一个表格 When

使用 Vue + Vue.js 构建单页应用

原文地址:https://coligo.io/learn-vuex-by-building-notes-app/前言:在最近学习 Vue.js 的时候,看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多,自己在它的例子的基础上进行了一些优化和自定义功能,在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来

探索发现:CSS实现中文两端对齐

今天在搜索“CSS实现中文两端对齐”的解决方法时,偶然发现了这个hack:我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 :)样式:div.justify {   text-align: justify; width:200px; font-size:15px; color:red;   bo

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

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

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

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

CSS 魔法:学海无涯,而吾生有涯

非商业转载请注明作译者、出处,并保留本文的原始链接:http://www.ituring.com.cn/article/216538图灵访谈非常有幸能邀请到“魔法哥”,进行一期专访。我们都知道您是国内知名的 CSS 专家,是什么样的 “CSS情结” 使得您愿意将 “CSS魔法” 作为自己的别名?大家好,很荣幸接受图灵的专访。我叫 “CSS魔法”,熟悉我的朋友都叫我 “魔法哥

《DOM编程艺术》中CSS—DOM的总结(三)

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

SVG

SVG Shapes 1.矩形 关键字:css, html, html5, svg

网站的肥胖症危机(节译版)

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

前端面试大全

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