个人笔记
领域展开
这个作者很懒,什么都没留下…
展开
-
Js将数组中的内容传输到select的下拉option中
示例:JS代码:<script> var gSelectID = ["1521","yuki",'拉克丝']; for (var i in gSelectID) { var selectID = document.getElementById("selectID"); var option = document.createElement("option");// 创建option元素 option.appendChild(document.creat原创 2021-06-29 09:22:39 · 1589 阅读 · 0 评论 -
第一章 HTML5-CSS及响应式入门
移动网站:移动版网站-专门针对手机的网站。手机APP(appliction)-开发工具:Android/Ios问题一:响应式设计好不好?答:一个网站可根据屏幕大小改变布局和样式。响应式设计是能在各种 设备上良好显示的设计。问题二:响应式设计的定义。其他名称:流式布局,弹性布局,自适应布局。注意:真正的响应式设计不仅仅是根据屏幕大小改变网页布局,而不是设计理念的改变。 从大屏到小屏设...原创 2018-10-14 11:09:11 · 256 阅读 · 0 评论 -
第二章 媒体查询 支持不同的视口
视口:网页显示内容的窗口屏幕分辨率:显示器的显示尺寸一.媒体查询1.现在多数浏览器都支持媒体查询;2.定义:指通过查询设备特性:(视口宽度);——来设置特定的CSS样式3.具体的CSS写法:body{background-color:grey;}@media screen and [max width:960px;]//如果没提示显示屏并且它的宽度没超过960px{body{b...原创 2018-10-14 14:03:22 · 353 阅读 · 0 评论 -
第3章 拥抱流式布局
一、固定布局经不起来考验1.布局的流行趋势:流式布局→固定像素布局→流式布局原因:移动端的流行,设备尺寸变化快,pc上网站的流量变少二、响应式设计需要百分比布局(流式布局)响应式设计:媒体查询(媒体不同,CSS不同)百分比布局:创建一个弹性界面两全其美:使用百分比布局创建流动的弹性界面,同时使用媒体查询来限制元素的变动范围三、将网页布局改成百分比布局1.如何改?百分比的宽度-目标元...原创 2018-10-14 15:03:56 · 229 阅读 · 0 评论