![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小tip
文章平均质量分 53
曲调响起琴声悠扬
见证小白成长之路
展开
-
02海马课堂项目自适应总结1122
关于自适应 心得小tips 不理解的多实践就懂了 自适应320-1200 自适应主要使用%和vw即可,拖动320-1200,找出合适的大小。 技巧大tips 字号要合适,要让人看得清 要注意排版,要对设计稿几乎100%还原 font-weight用normal和bold就好 背景盒子最好不要铺满,两边要留白;但是也要善用width:100%。 宽度可用%,高度习惯用vw;一般内部元素和起到支撑作用的用vw。 自适应习惯运用background-size:cover; 注意权重 ...原创 2021-11-22 10:45:51 · 86 阅读 · 0 评论 -
01海马课堂项目总结1116-2
原创 2021-11-17 11:22:39 · 80 阅读 · 0 评论 -
01海马课堂项目总结1107
心得小tips 用最少的代码完成一个项目,减少冗余代码 不会的知识点,多用代码实现 不建议看视频,多看官方文档 技术大tips 官网特点 缩放后内容仍居中显示 banner一直铺满全屏 主体内容通常1000-1200之间 布局 一个页面要有一个根元素div (id =main) 外层元素不设置高度,让内层元素自动撑开父级元素 导航栏最好加一个overflow:hidden; 块元素会自动继承父元素的高度 根页面都起名index,部署在服务器上也能自动识别,服务器会自动引入i.原创 2021-11-13 13:55:01 · 340 阅读 · 0 评论 -
16疑难杂症
目录 <head>标签内容定义 button &a span &p background &img 选择器易混符号 <head>标签内容定义 <meta name="viewport" content="width=device-width, initial-scale=1.0"> viewport标记,用于指定用户是否可以缩放Web页面,并对相关的选项进行设定。 width 和height 指令分别指定视区的逻...原创 2021-11-13 13:53:21 · 493 阅读 · 0 评论