![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web
文章平均质量分 59
html css js...
dongys_z
这个作者很懒,什么都没留下…
展开
-
day08:怪异盒模型+弹性布局
一、怪异盒模型1.怪异盒模型的border和padding是内嵌的不增加盒模型面积2.如果内部空间不够会向外扩展#second{box-sizing:border-box;}二、弹性布局1.排列方式flex-direction:row-reverse;flex-direction:column;flex-direction:column-reverse;2.是否换行flex-wrap:wrap...原创 2021-08-10 09:10:28 · 103 阅读 · 0 评论 -
day07:viewport+media+em&rem+vh&vw
一、viewport设置viewportwidth=device-width 设置宽度为屏幕宽度maximum-scale=1.0 最大缩放比例为1.0(0.25~10.0)minimum-scale=1.0 最小缩放比例为1.0(0.25~10.0)user-scalable=no 禁止用户捏合操作initial-scale=1.0 初始化的缩放比例二、响应式布局 @media screen and (min-width:1200px){ /*..原创 2021-08-04 10:24:29 · 78 阅读 · 0 评论 -
初学web第一天
感谢赵老师辛苦肝出来的视频,让我更快进入并度过web前端的认识阶段。 今天学的内容最基础,在敲代码不够多的情况下这些知识点最容易忘记,因此。做以下笔记,发表此博客,记录学习web的第一天,愿可以没事过来翻翻此博客,可以从中温故知新。project css 存放css文件 img 存放图片 js 存放js文件 index.html 主页 other.html ...原创 2021-07-28 21:23:08 · 56 阅读 · 0 评论 -
day06:H5+CSS3
一、新的结构标签1.H5新标签优势是什么? 标签语义化2.header 代表头部标签 footer 代表脚部标签 nav 代表导航标签 Hgroup 标题组合标签 section 区域标签 article 文章标签(也可以代表单独的一部分) aside 侧边栏标签3.语义化的好处是什么呢 1.如果没有css样式,html结构一目了然 2.提高了团队的开发效率 3.提...原创 2021-08-03 17:04:06 · 88 阅读 · 0 评论 -
day03:静态网页的练习
今天通过跟学做某网站的首页,主要学习其静态网页的制作,巩固往日所学知识。 “不就几个div嘛 有嘛了不起的!” 此次练习对margin的运用 border的利用 float浮动和清楚浮动有了更深的认识,之前听知识只是当时听懂了 然而在自己亲身独自动手的时候遇到很多问题。标签属性记不清,虽然见了知道,但是不见想不起来。这就是没有理论结合实际的具体表现。 通过此次练习,让我对web有了一定认识,让自己拥有了足够的勇气,只要塌下心来慢慢来...原创 2021-07-31 16:06:38 · 353 阅读 · 0 评论 -
day05:字体样式、表格、表单及一系列使用
一、字体样式设置1.字体大小:默认16px最小8pxfont-size:22px;2.字体颜色:colorcolor:#3850ff;3.字体粗细默认600最大900最小200bolder加粗font-weight:400;font-weight:bolder;4.字体样式font-style:italic;5.字体font-family:Arial,Helvetica,sans-serif;另外:...原创 2021-08-03 14:57:28 · 117 阅读 · 0 评论 -
day02:三种标签的特性及特点
一、块属性标签1.特点<1>.独占一行(上下排列)<2>支持设置宽高,如果不设置 高度内容正常 宽度盛满父容器2.div:用处:无意义 最常用 常用来划分区域和布局 <div>奥里给</div>3.p:段落:放置文字 <p>你大爷永远是你大爷</p>4.h1~h6标题标签同一个html中只能有一个h1 最多不能超过8个h2 <h1>水...原创 2021-07-30 08:47:05 · 471 阅读 · 0 评论 -
day04:定位
一、相对定位的使用1.相对定位position: relative;设置定位位置定位位置:相当于元素的初始位置定位后原来的位置会保留不会影响其他元素布局left: 20px;right: 100px; top: 100px;bottom: 100px;二、绝对定位的使用1.绝对定位定位后,原来的位置会被其他元素占用影响其他元素布局position:absolute;2.设置定位的位置定位位置相当于拥有定位的外层元素如果外层和元素没有...原创 2021-08-02 11:25:54 · 47 阅读 · 0 评论