1.获取bootstrap文件 英文官网：http://getboostrap.com 中文官网：http://www.bootcss.xom 2.开发工具 开发工具选择WebStorm 3.创建基础文件 在WebStorm创建一个空的项目。 将下载的bootstrap文件解压，将文件夹下的css、fronts、js文件夹拷…

flex-wrap 内容放置不下时换行方式 flex-flow 是flex-direction和flex-wrap属性简写默认值row nowrap justify-content 定义在主轴上的对齐方式。 align-items 定义项目在交叉轴上如何对齐。 align-content 定义多根轴线的对齐方式 flex-direction属性值有四个&#xff1…

在使用百分比布局的时候需要注意的几点： 1.你所设置的百分比，是针对他的父级元素来说的，而不是浏览器的宽度。 2.当你设置了width：100%时，请避免设置margin和padding。因为你的div实际宽度将是widthmarginpadding 从而…

1、参考资料 http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html <meta name"viewport" content"widthdevice-width,initial-scale1.0"> content属性值 : width:可视区域的宽度&#xff0c;值可为数字或关键词device-width heigh…

&#x1f4c2;文章目录 二、✍️网站描述三、&#x1f4da;网站介绍四、&#x1f310;网站演示五、⚙️ 网站代码&#x1f9f1;HTML结构代码&#x1f492;CSS样式代码 六、&#x1f947; 如何让学习不再盲目七、&#x1f381;更多干货 ❤ 【作者主页——&#x1f525;获取更多优…

在现代 Web 开发中，一个常见的挑战是确保网页在不同设备上具有良好的可视和用户体验。特别是在 PC 端和移动端之间，由于屏幕尺寸、分辨率和输入方式的差异，开发人员需要采取一些技术手段来实现自适应布局。本文将介绍如何解决 PC 端和移动端自适应问题，并提供相应的源代码示…

随着手机的普及程度越来越高&#xff0c;网页开发的需求兼容性就要更广。你的网页页面设计为自适应是非常必要的&#xff0c;那么对于菜手们来说&#xff0c;又是需要来学习一下的 &#xff0c;这不这就收集整理了一些资料&#xff0c;普及一下&#xff0c; 1.关于自适应布局的…

在windows如何搭建服务器&#xff1a; 1、先打开控制面板&#xff0c;然后打开程序和功能&#xff0c;点击启用或者关闭windows功能&#xff0c;找到Internet information services&#xff0c;选中后点击确定。 2、打开控制面板&#xff0c;选择系统和安全&#xff0c;选择管…