摘要: 定位 定位:通过定位可以将元素摆放在页面中任意位置 语法:position属性设置元素的定位 可选值:static:默认值,开启定位 relative开启相对定位 absolute开启绝对定位 fixed开启固定定位 相对定位:当元素设置position:relative;开启元素的相对定位 1 开 阅读全文
posted @ 2020-07-18 10:22 花未眠0619 阅读(238) 评论(0) 推荐(0)
摘要: body部分 <div class="outer"> <ul class="img-list"> <li><a href="#"><img src="img/1.jpg" alt=""></a></li> <li><a href="#"><img src="img/2.jpg" alt=""></a 阅读全文
posted @ 2020-07-17 15:57 花未眠0619 阅读(462) 评论(0) 推荐(0)
摘要: 盒子模型 盒子模型(框模型 box model) - 浏览器在渲染页面时,它会将页面中的每一个元素都想象成是一个矩形的盒子。 - 想象成盒子以后,对于页面的布局就变成了如何摆放盒子 - 每一个盒子从内到外都有以下几个部分组成 内容区(content):内容区决定这个盒子能装多少东西(子元素) 内边距 阅读全文
posted @ 2020-07-17 10:46 花未眠0619 阅读(274) 评论(0) 推荐(0)
摘要: CSS样式 1. Web前端三层: HTML:结构层 CSS:样式层 JS:行为层 2. CSS层叠式样式表:使用符合CSS语法的纯文本为页面添加样式效果。 3. 注释:/* 描述规则,没有任何作用 */ 快捷键:Ctrl+/ 4. HTML:<table border=” ”> </table> 阅读全文
posted @ 2020-07-17 10:19 花未眠0619 阅读(137) 评论(0) 推荐(0)
摘要: HTML基础知识 HTML:超文本标记语言,是一种使用结构化Web网页(标准制定者:W3C)及其内容的标记语言。 发展过程:XHTML5,HTML5,XHTML1.0,HTML4.01,HTML3.2 HTML5特性: 兼容性,效率,安全性 实用性:新增元素都是对现有网页和用户习惯进行跟踪、分析和概 阅读全文
posted @ 2020-07-17 09:59 花未眠0619 阅读(750) 评论(0) 推荐(0)
摘要: Webstorm常用快捷键 Webstorm的一些常用快捷键:1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencod 阅读全文
posted @ 2020-07-03 22:02 花未眠0619 阅读(147) 评论(0) 推荐(0)