![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
新海说
通过分享,彼此学习。We live & We do.
展开
-
07-浮动
本文最初发表于博客园,并在GitHub上持续更新。以下是正文。文本主要内容标准文档流标准文档流的特性行内元素和块级元素行内元素和块级元素的相互转换浮动的性质浮动的清除浏览器的兼容性问题浮动中margin相关关于margin的IE6兼容问题标准文档流宏观地讲,我们的web页面和photoshop等设计软件有本质的区别:web页面的制作,是个“流”,必须从上而下,...原创 2019-03-17 18:16:42 · 324 阅读 · 0 评论 -
06-CSS盒模型详解
本文最初发表于博客园,并在GitHub上持续更新。以下是正文。盒子模型前言盒子模型,英文即box model。无论是div、span、还是a都是盒子。但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己就是自己的内容。盒子中的区域一个盒子中主要的属性就5个:width、height、padding、border、margin。如下...原创 2019-03-12 17:10:17 · 351 阅读 · 0 评论 -
05-CSS样式表的继承性和层叠性
本文最初于2017-07-29发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。以下是正文。本文重点CSS的继承性CSS的层叠性计算权重权重问题大总结CSS样式表的冲突的总结权重问题深入同一个标签,携带了多个类名!important标记CSS的继承性我们来看下面这样的代码,来引入继承性:上方代...转载 2019-03-12 16:40:29 · 696 阅读 · 0 评论 -
04-CSS选择器:伪类(超链接操作)
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。以下是正文。伪类(伪类选择器)伪类:同一个标签,根据其不同的种状态,有不同的样式。这就叫做“伪类”。伪类用冒号来表示。比如div是属于box类,这一点很明确,就是属于box类。但是a属于什么类?不明确。因为需要看用户点击前是什么状态,点击后是什么状态。所以,就叫做“伪类”...转载 2019-03-12 15:08:25 · 6299 阅读 · 0 评论 -
03-CSS样式表和选择器
本文最初于2015-10-03发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。本文主要内容CSS概述CSS和HTML结合的三种方式:行内样式表、内嵌样式表、外部样式表CSS四种基本选择器:标签选择器、类选择器、ID选择器、通用选择器CSS几种扩展选择器:后代选择器、交集选择器、并集选择器CSS样式优先级前言现在的互联网...转载 2019-03-12 14:52:18 · 538 阅读 · 0 评论 -
02-CSS属性:背景属性
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。以下是正文。background系列属性常见背景属性CSS样式中,常见的背景属性有以下几种:(经常用到,要记住)background-color:#ff99ff; 设置元素的背景颜色。background-image:url(images/2.gif); 将...转载 2019-03-12 14:39:21 · 332 阅读 · 0 评论 -
01-CSS属性:字体属性和文本属性
本文最初于2015-10-04发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。以下是正文。本文重要内容CSS的单位字体属性文本属性定位属性:position、float、overflow等CSS的单位html中的单位只有一种,那就是像素px,所以单位是可以省略的,但是在CSS中不一样。CSS中的单位是必须要写的,...转载 2019-03-12 11:37:27 · 1239 阅读 · 0 评论 -
01-html标签图文详解(一)
本文最初于2015-10-01发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。以下是正文。国庆节快乐,还在加班的童鞋,良辰必有重谢!本文主要内容头标签排版标签:<p> <div> <span>``<br&g.转载 2019-03-12 10:22:48 · 1222 阅读 · 0 评论 -
如何理解js中的iterable
1.1 iterable字面意思:可迭代的,可重复的 iterable是ES6标准引入的新的类型。而Array、Map和Set都属于iterable类型 1.2 为什么加入iterable类型?遍历array可以采用下标循环,遍历Map和Set无法使用下标。集合类型不统一。对于array类型的for...in循环,当添加额外的属性后,会有意外效果。因此统一集合类型iterable中的 ...转载 2019-02-22 11:31:11 · 2447 阅读 · 0 评论 -
如何理解 JavaScript ES6标准中的Map和Set
JavaScript的默认对象表示方式{}可以视为其他语言中的Map或Dictionary的数据结构,即一组键值对。但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。MapMap是一组键值对的结...转载 2019-02-22 10:59:16 · 250 阅读 · 0 评论 -
前端中的概念
1.HTMLHTML 指的是超文本标记语言 (Hyper Text Markup Language)。它不是一种编程语言,而是一种标记语言 (markup language),可以用来描述网页。2.XHTMLXHTML 指可扩展超文本标签语言(EXtensible HyperText Markup Language),比HTML更严格更纯净,作为一种XML 应用被重新定义的 HTML3.X...原创 2018-12-11 20:59:08 · 2057 阅读 · 0 评论 -
08-CSS属性:定位属性
本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。以下是正文。CSS的定位属性有三种,分别是绝对定位、相对定位、固定定位。 position: absolute; &lt;!-- 绝对定位 --&gt;position: relative; &amp;lt;!-- 相对定位 --&amp;gt;position:...原创 2019-03-17 18:16:51 · 282 阅读 · 0 评论