HTML
关注
分享
扫一扫
文章平均质量分 63
HTML5
H_Cisco
路在脚下，只要走起来离目标会近一点。
展开
-
远视图
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> .demo6{ height: 10px; width: 10px; background-color: #fff; }原创 2018-11-15 13:18:11 · 10514 阅读 · 0 评论 -
CSS3——对其规则
对其规则：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; pad原创 2018-11-24 15:51:19 · 6873 阅读 · 0 评论 -
CSS3——span问题
Span问题：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0; p原创 2018-11-24 15:49:17 · 7317 阅读 · 0 评论 -
CSS3——去掉图片之间的空格
元素一共就有三种：inline，inline-bolck，block，其中inline，inline-bolck都带有inline，凡是带有inline的元素都是文本类元素。文本有什么特点呢？比如现在有一堆文字，中间用很多个空格隔开，在浏览器中你会发现文字之间只有一个空格，因为空格表示的是文字分隔符，所以中间会有一个小的空隙。文本类元素也符合这个概念，比如<span>123&l...原创 2018-11-24 15:48:10 · 8955 阅读 · 0 评论 -
CSS3——淘宝留白
做一个淘宝的留白：当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变小。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css&quo原创 2018-11-24 15:46:49 · 7217 阅读 · 0 评论 -
CSS3——元素嵌套规则
元素嵌套规则：行级元素只能嵌套行级元素，块级元素可以嵌套任何元素。Div里面可以加任何东西，但是span就只能加行级元素，行级元素嵌套行级元素很正常，行级元素本来空间就小，不可能嵌套块级元素，但是有个特殊的，p标签是块级元素，p标签里面套个div是不是无可厚非，就不行，这就是规定，P标签里面就是不能嵌套块级元素，咱写一写试试。<!DOCTYPE html><...原创 2018-11-24 12:45:25 · 8123 阅读 · 0 评论 -
CSS3——解决父级元素包裹子级元素的方法（伪元素+其他）
利用伪元素清除浮动：你要解决浮动的为题必须在父级的逻辑的后面加上一个p元素来清除浮动吧，你加完p元素之后破坏结构了，不好，咱相加，又不能加，就用伪元素最合适了吧！<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"&原创 2018-11-18 10:49:23 · 12381 阅读 · 2 评论 -
CSS3——伪元素
伪元素天生存在于任意元素里面，任意元素里面有两个特殊的伪元素，一个叫before一个叫after。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> *{ margin: 0; paddi原创 2018-11-18 10:17:12 · 7572 阅读 · 0 评论 -
CSS3——浮动模型
咱们一共有三大模型，盒模型，层模型，浮动模型。浮动模型最恶心，就一条float:left/right;，你别看这一条，他能引发很多问题。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> *{原创 2018-11-18 09:53:36 · 7267 阅读 · 0 评论 -
CSS3——margin合并，塌陷与合并的总结
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> *{ margin: 0; padding: 0; } .demo1{ background-color: red;原创 2018-11-17 10:37:21 · 7811 阅读 · 0 评论 -
如何让网页“看起来”展现地更快？骨架屏二三事
让网页展现的更快，官方说法叫做首屏绘制，First Paint 或者简称 FP，直白的说法叫做白屏时间，就是从输入 URL 到真的看到内容（不必可交互，那个叫 TTI, Time to Interactive）之间经历的时间。当然这个时间越短越好。 但这里要注意，和首屏相关的除了 FP 还有两个指标，分别称为 FCP (First Contentful Paint，页面有效内容的绘制) 和...转载 2018-11-23 20:55:08 · 7209 阅读 · 0 评论 -
CSS3——五元环
练习2：写出一个五元环，让这个五环在屏幕的正中间，永远居中。提示：.demo1{ height: 100px; width: 100px; border: 10px solid black; border-radius:/* 50%;设置四个角都是50%的圆角,他就会形成一个园 */ z-index: 1;/* 默认为0,值越大,他就越...原创 2018-11-15 14:01:54 · 8738 阅读 · 0 评论 -
CSS3网页定位技术（3）——fixed浮动定位
三：Position还有第三个值：fixedFixed和absolute差不多，有一点小的不同。你会发现一些广告的页面，无论你怎样滚动滑轮，广告是不东的。 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"&a原创 2018-11-15 13:29:34 · 9519 阅读 · 0 评论 -
CSS3网页定位技术（2）——相对定位
二：position: relative;——相对定位<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style type="text/css"> *{ margin: 0; padding: 0; } .demo{原创 2018-11-15 13:27:16 · 8727 阅读 · 0 评论 -
CSS3的网页定位技术（1）——绝对定位
一：position: absolute;——绝对定位div{ height: 100px; width: 100px; background-color: red; position: absolute; } ...原创 2018-11-15 13:21:02 · 9654 阅读 · 2 评论 -
测试颜色（#000-#fff）
<html><head> <SCRIPT language=javascript> function makeArray(q) { for (i = 1; i <= q; i++) { this[i] = 0 ...原创 2019-01-09 18:10:41 · 14207 阅读 · 0 评论