HTML/CSS基础
关注
分享
扫一扫
HTML/CSS基础
werch
这个作者很懒，什么都没留下…
展开
-
JS数组reduce()方法详解及高级技巧
JS数组reduce()方法详解及高级技巧原创 2021-11-12 11:30:30 · 413 阅读 · 0 评论 -
fr插件库
code 插件原生自动对齐：设置emmet.include=>setting.json=>添加, "editor.formatOnType": true, "editor.formatOnSave": trueBracket Pair Colorizer 2 js对应括号显示Highlight Matching Tag html对应标签高亮显示自动对齐 beautify f1自动对齐jQuery Code Snippets js代码提示Auto Rename T原创 2021-04-25 14:40:49 · 204 阅读 · 0 评论 -
定位总结
定位：使用场景：在浏览器的同一位置渲染多个元素，则需要使用定位；使用方法：根据定位的参照物，设置定位的left/right/top/bottom;定位元素脱离文档流；relative:相对定位；相对自身的位置定位(是否脱离文档流有歧义,官方文档没有文档流的概念)absolute：绝对定位；相对于先祖级别最近的设置relative/absolute定位的元素进行定位；fixed：固定定位；相对于浏览器窗口进行定位，(ie8及以下兼容不太好)static：静态定位；默认sticky:粘性定位原创 2021-03-12 22:21:08 · 139 阅读 · 0 评论 -
css浮动总结
原理：使浮动元素脱离文档流；作用：解决页面横向排列问题；-同一层级下，第一个元素设置浮动，脱离文档流；后边如果是块级元素，会上移，在文档层，被浮动元素覆盖；后边或者前边是图片或者文字，会紧紧依附在第一个浮动元素的同一行的旁边，左浮图片即在右边特点：1.脱离文档流；2.块状元素浮动不再独占一行，他的高度由内容撑开；3.行内元素浮动，可以设置宽高，可以设置上下padding，margin；4.浮动的元素不支持margin：0 auto;清除浮动方法：1.给父元素添加高度；2.给父元素原创 2021-03-12 17:32:19 · 226 阅读 · 0 评论 -
图片平铺整个浏览器页面
1.直接对img标签进行设置，不是div；<style> img { position: fixed; width: 100%; height: 100%; left: 0; top:0; }</style><body> <img src="../images/item01.png"></body>2.给html,body设置背景图像原创 2021-03-11 23:53:34 · 540 阅读 · 0 评论 -
元素水平垂直居中
1.内部宽高已知的盒子水平垂直居中 .wrap { width: 700px; height: 700px; background-color: blue; margin: 30px auto; } .box { width: 200px; height: 200px; background-color: red; }###01.父元素相对定位，子元素绝对定位；原创 2021-03-10 23:10:37 · 78 阅读 · 0 评论 -
html5常用语义化标签及表单元素
常见的html5规范中的语义化标签- 常见的语义化标签 - header 定义文档或者页面的页眉 或者头部区域 - nav 定义导航链接 - article 页面的主要内容区域 - section 定义页面的一些 章节 小结 - aside 页面的主要内容之外的部分 （常见的侧边栏） - footer 定义文档或者页面的页脚 或者底部区域- 比较常见的新标签 - progress 进度条(不支持ie9)原创 2021-01-23 16:26:43 · 299 阅读 · 0 评论 -
HTML基础
ul 无序列表 （应用场景： 菜单导航 新闻列表等） 相比ol，ul的实际用到的频率比较大- unordered list- ul 按规范必须套嵌li标签- li标签作为容器（块级标签） ol 有序列表 （列表是有序的）- ordered list- ol 按规范必须套嵌li标签- li标签作为容器（块级标签） dl 自定义列表- 自定义列表- dt 当前自定义列表的标题- dd 列表的每一条信息， 相当于ul中的li标签<dl> <dt>&l原创 2021-01-20 15:57:41 · 140 阅读 · 0 评论 -
BFC
position定位- 常见的属性： - static 静态定位 - relative 相对定位，可以设置left top值，但是还是占据原来的空间位置；另外，它常用来作用absolute元素的父容器，没有脱离正常文档流的 - absolute 绝对定位， 脱离正常文档流， 一般相对于父级元素定位， 常和relative一起用 - fixed 相对于浏览器窗口，页面滚动时，它的位置也不会变化 - 应用场景： 侧边栏 去顶部 系统里面的菜单原创 2021-01-20 15:44:49 · 110 阅读 · 0 评论 -
css基础属性
display属性- 定义元素的显示框的类型 - 常见的类型： - none 不显示元素， 不占用页面空间 - block 显示元素，且元素为块级元素 - inline-block 元素设置为 行内块级元素 - inline 行内元素 （以上是重点） - table 让元素以表格的形式展示 - table-cell 让元素以单元格的形式展示 - 更多原创 2021-01-19 16:53:55 · 201 阅读 · 0 评论 -
HTML基础标签
HTML常用标签a标签<a target="_blank" href="#" >内容</a>标签内部加入id可在同页面进行链接如：在这里插入代码片img标签<img src="" alt="战士英雄" width="146px" ; height="83px" align="top">图片加载不出时用alt里边的内容表示；标签内部添加宽高有利于加载图片时框架保持不变；h5 里边不支持align样式。...原创 2020-12-23 15:59:38 · 165 阅读 · 2 评论