章末总结
Nature68c
一个循规蹈矩,寻求好奇,又肆意妄为的赶路人
展开
-
Web前端第二章(清华 2019.2.17)
横向改为纵向:display:inline-block float 应用:导航栏,底部信息 inline-block:兼具两种特性 None:隐藏 推荐样式表第一条规则:*{magin:0;padding:0;} 外边距(padding):叠加的只是垂直外边距,水平外边距不叠加 Tip:左右使用像素,上下用em(让段间距随着字体变化而变化) 新特性:box-sizing 居中方法:line-hei...原创 2019-02-23 15:23:21 · 279 阅读 · 0 评论 -
Web前端第三章(清华 2019.2.18)
Float 父元素围住浮动的子元素 1. 父元素设置为overflow 2. 父元素也浮动 3. 添加一个空的 末元素 clear-both 4. clearfix规则: .clearfix::after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } 布局: 微博:左中右三栏 固定宽度 div:ov...原创 2019-02-23 15:24:16 · 745 阅读 · 0 评论 -
Web前端第一章(学堂在线 2019.2.13)
HTML • HTML5的新规范,新的定义以及取消了一部分老的定义 不再支持font • HTML XHTML HTML5的前世今生 • 标签的规范性<></> • 块级元素和行内元素 常见的块级元素:div h li p tr(行) th ol ul 常见的行内元素:a img span em small strong • DOM CSS • 选择符 + ~ &...原创 2019-02-13 18:18:36 · 363 阅读 · 0 评论 -
Web前端第四章(清华 2019.2.23)
响应式布局 三大关键技术:流式布局,弹性媒体,媒体查询 Vw vh 100vw=100%(和适口相同) Max-width 大屏保持 小屏变化 Media query 媒体查询 宽度变化: @media(width<=600px){ nav,section{float:none;width:auto;} Height:100px; } //新版本 @media(max-w...原创 2019-03-09 13:18:38 · 336 阅读 · 0 评论 -
前端学习笔记(2019.4.4)
路径: 1.document.write(“word!”) 2.document.getElementByID(id) //注意大小写 3.空格 脚本语言 不用先编译 直接一行一行执行 4.可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可: var name=“Gates”, age=56, job=“CEO”; 5. JavaScript 拥有动态...原创 2019-04-04 01:22:06 · 188 阅读 · 0 评论