利用 @media screen对设备屏幕宽度的查询,设置不同的css样式表,实现在pc和移动设备的自适应显示 在案例中对前段css选择器,postion、gride、flex布局,媒体查询等进行了应用练习。 自适应导航效果网址pc端效果图 移动端...
通过十节课20个小时的学习,提高还是显著的,可能平时还是做的比较少,对细节处理上感觉力不从心,基本大的方面问题应该不是太大了。总体来说大的宏观结构布局掌握差不多了,就是细小各类插件的运用,细节处理上对齐,线条还是有点问题。 购物车页面html ...
全部通过grid画盒子,嵌套做出来的。元素对齐还有点问题。 html 二手商品交易grid
html代码 移动端通用布局参考Flex实现
第一次作业,对flex属性还是比较生疏,再页面布局标签有点深,css命名也有点太长,比教学案列源码可能多了点,但总是算写完了。 评论回复html 评论...
一、组件化开发(components)小结: 1.组件化开发就是把一个页面拆分成最小的功能块,在写网页是再通过把各个功能块组装起来构成页面。这样可以减少重复工作。2.组件化开发注意点: 对文件夹的管理,文件的命名注意,比较容易记忆,这样再以后利用是...
传统float与position布局作业小结: 1.尽量使用语义化标签。2.能用position解决的不用float。3.css选择器尽量用父子选择器。4.img空白边线处理 display:block。 flex容器的六个属性1、flex-dir...
利用刚学习的html,css知识防网页头部。下边是html代码 php中文网