html/css中相对定位relative和绝对定位absolute的用法 一、相对定位（position：relative） 1、相对定位：将盒子的position属性设置为relative；可通过left、top、right、bottom设置偏移量。 相对定位基础用法示例： 我们先在页面设置两个div盒子（第一个红色；第二个...

2019-09-17 09:53:35

前端开发CSS3——使用方式和选择器 CSS是Cascading Style Sheets（层叠样式表）的简写，用于修饰文档的语言，可以修饰HTML、XML、SVN。每个语言都有每个语法的规则：CSS声明、CSS声明块、CSS选择器、CSS规则。 1、css声明简单来说就是一个键值对的形式，类似于 color:...

2019-09-17 09:53:42

html引入公共模块 如果没有母版页，那么大量相同布局的页面会有很多相同的代码，那么这就提到了一个概念，叫重用性； 可以将相同布局的代码放在一个单独的文件，里面写一些公共模块，那么在其他页面只需要在指定位置引入他们就可以了 写一个头部，在top.html写入(只写...

2019-09-17 09:53:12

谈谈你对HTML语义化的理解。 1.什么是HTML语义化？ 基本上都是围绕着几个主要的标签，像标题（h1-h6），列表（li），强调（strong em）等。 根据内容的语义化（内容结构化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和...

2019-09-17 09:53:12

HTML-css样式引用方式 1、使用行内样式表 语法：在标签内部写入一个style属性。 优点：没有样式表文件，在某些时候可以提高效率； 优先级高。 缺点：多个页面难以共享样式，不利于代码复用； HTML和CSS代码混杂，不利于程序员和搜索引擎阅读。 2、使用内部样式表 语法...

2019-09-17 09:53:11

html/css中float浮动的用法 一、 float基础用法示例 1、我们先建两个div盒子，设置高度、宽度和背景颜色； 最开始两个盒子在网页上的位置如下： 然后我们将红色盒子浮动到右边 然后我们会发现红色盒子浮动到了右边，但是蓝色盒子就直接上移到了原先红色盒子的位置。 然...

2019-09-08 09:41:56

HTML连载35-背景图片的练习、精灵图 一、背景图片练习 解释：这个例子需要注意的是，我们背景图片嵌套到另一个图片之中。我们设计的注意点在于，怎么定位到我们想定位到的地方。 总结：背景图片就是一块一块的，我们想把块的位置定位好（一般就是宽和高的相等），然后再...

2019-09-08 09:41:37

从前端到“钱”端，前端程序员的出路 过去十年，是前端觉醒的十年。 前端这个行业很年轻，更早时候其实是有前端工作但是没有前端岗位。大家觉得这个东西程序员做也行，设计师做也行。前端工作一直存在，但是没有人认为它是一个独立的工种和岗位，也没有人去发展它的工...

2019-09-08 09:40:58

! doctype html !-- 声明文档类型 网页文档 -- html lang ="en" !-- 根目录标签 父级 -- head !-- 网页的头部 用户看不见的 -- meta charset ='UTF-8' !-- 国际编码 字符的编码格式 -- !-- 网页三要素 title keywords description -- title 咸鱼联盟 / title !-- 网页...

2019-09-08 09:41:28

一种对开发更友好的前端骨架屏自动生成方案 （马蜂窝技术原创内容，公众号 ID：mfwtech） 一份来自 Akamai 的研究报告显示，在对 1048 名网购户进行采访后发现： 约 47% 的用户期望他们的页面在两秒之内加载完成。 如果页面加载时间超过 3s，约 40% 的用户会选择离开或...

2019-09-08 09:40:27