
章末总结
Nature68c
一个循规蹈矩,寻求好奇,又肆意妄为的赶路人
展开
-
Web前端第二章(清华 2019.2.17)
横向改为纵向:display:inline-blockfloat应用:导航栏,底部信息inline-block:兼具两种特性None:隐藏推荐样式表第一条规则:*{magin:0;padding:0;}外边距(padding):叠加的只是垂直外边距,水平外边距不叠加Tip:左右使用像素,上下用em(让段间距随着字体变化而变化)新特性:box-sizing居中方法:line-hei...原创 2019-02-23 15:23:21 · 318 阅读 · 0 评论 -
Web前端第三章(清华 2019.2.18)
Float 父元素围住浮动的子元素1. 父元素设置为overflow2. 父元素也浮动3. 添加一个空的 末元素 clear-both4. clearfix规则:.clearfix::after{content:".";display:block;height:0;visibility:hidden;clear:both;}布局:微博:左中右三栏 固定宽度div:ov...原创 2019-02-23 15:24:16 · 786 阅读 · 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• DOMCSS• 选择符 + ~ &...原创 2019-02-13 18:18:36 · 417 阅读 · 0 评论 -
Web前端第四章(清华 2019.2.23)
响应式布局三大关键技术:流式布局,弹性媒体,媒体查询Vw vh100vw=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 · 594 阅读 · 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 · 237 阅读 · 0 评论