前一个星期实战完一个PC端的基于HTML+CSS的项目，这几天则接触了移动端的开发，同样也是在HTML+CSS的基础上完成。虽然第一次接触移动端的开发，但在开发过程中，我也是按照PC端的开发步骤来进行工作。首先切图布局，同样可以先总体规划，分析哪些是可以作为组件来使用...

2018-06-24 00:15:10

实际项目中li和里边的数值是动态生成的，需要控制它的宽度和颜色，效果如图： 如果能实现颜色按数值规律变化就好了，目前颜色是固定到数组中的。 实例代码如下： !DOCTYPE html html head meta charset="utf-8" title/title style media="screen" li{ padding-left: 20...

2018-06-24 00:15:10

:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：ele:nth-of-type(n)是指父元素下第n个ele元素， 而ele:nth-child(n)是指父元素下第n个元素且这个元素为ele，若不是，则选择失败。 例： div class="box" div1 /div p1 /p p2 /p /div .box p:...

2018-06-24 00:15:07

使用CSS也好久了，但一直都是在使用px来设置Web元素的相关属性，未敢使用em。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用em作为单位设置元素，所以从头对em学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，...

2018-06-24 00:15:02

文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的...

2018-06-24 00:14:50

当块级标签（如div）内包含了行内标签（如img），则外层元素与内层元素底部会出现3px的间隔； 代码如下： ! doctype html html lang ="en" head meta charset ="UTF-8" title Document / title style #box { background : red ; } / style / head body div id ='box' i...

2018-06-24 00:14:41

本文是一些作者在长期写代码中总结的常用css查询，写在本博客中，方便以后查询。 1. 颜色属性： color HEX（十六进制色：color: #FFFF00-- 缩写：#FF0） RGB（红绿蓝，使用方式：color:rgb(255,255,0)或者color:rgb(100%,100%,0%)） RGBA（红绿蓝透明度，A是透明度在0~...

2018-06-24 00:14:44

html标签 1、head标签 head 标签用于定义文档的头部，它是所有头部元素的容器。head 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文...

2018-06-24 00:14:36

之前发的一篇博客里没有附上答案，现在有空整理了下发出来，希望能帮助到正在找工作的你，还是那句话：技术只有自己真正理解了才是自己的东西，共勉。 Web 前端笔试题 Html+css 1. 对 WEB 标准以及 w3c 的理解与认识。 标签闭合，标签小写，不乱嵌套：提高搜索机器人的...

2018-06-24 00:14:33

第一步: 执行sass预编译命令 先来我的项目文件夹结构: -进入sass /css文件下-打开cmd命令 -输入sass --watch --scss test.scss:test.css 如下图:- 进入sass项目发现文件多了test.css.map和test.css两个文件夹,如下图: 这里生成的test.css.map是chrome调试的关键 - 打开...

2018-06-24 00:14:26