随笔分类 - H5&C3
摘要：body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, figure, figcaption { margin: 0; padding: 0;
阅读全文
摘要：1. 父元素固定宽高，利用定位及设置子元素 margin 值为自身的一半。 2. 父元素固定宽高，子元素设置 position: absolute，margin：auto 平均分配margin 3. css3 属性 transform。子元素设置 position: absolute; left:
阅读全文
摘要：固定定位 fixed： 元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。Fixed 定位使元素的位置与文档流无关，因此不占据空间。 Fixed 定位的元素和其他元素重叠。 相对定位 relative： 如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或
阅读全文
摘要：双边距重叠问题（外边距折叠）： 多个相邻（兄弟或者父子关系）普通流的块元素垂直方向 marigin 会重叠折叠的结果为：两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。两个外边距一正一负时，折叠结果是两者的相加的和。
阅读全文
摘要：//(1)margin:auto 法 css: div{ width: 400px; height: 400px; position: relative; border: 1px solid #465468; } img{ position: absolute; margin: auto; top:
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：// base.css /* 清除默认样式的代码 */ /* 去除常见标签默认的 margin 和 padding */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, input { margin: 0; padding: 0; }
阅读全文
摘要：推荐使用单位元素方法！！！ https://m.php.cn/article/413758.html
阅读全文
摘要：这篇文章写得简要明了，总结到位齐全，值得一读，故分享一波！ https://juejin.cn/post/6844903491891118087#comment
阅读全文
摘要：<style> div { width: 0; height: 0; border-top: 100px solid red; <!-- 边框的均匀分布 --> border-left: 100px solid transparent; border-bottom: 100px solid tran
阅读全文
摘要：本文转自：黑马前端 1. 引言 想要了解BFC的规则，前提必须是熟悉前端网页的多种布局手段，例如盒的显示模式display（flex布局），三种布局手段标准流（normal）、浮动流（float）、定位流（position）等。 2. 定义 BFC - Block Formatting Contex
阅读全文
摘要：一、HTML 1. 你测试用什么浏览器？内核是什么？ 一般用 Chrome：内核 Blink （基于 webkit ） 2. HTML 文件中 Doctype 作用： 告诉浏览器用哪个版本的 HTML 或 XHTML来解析，缺少或错误时，页面会以混杂形式渲染。 3. Quirks 模式和 Stand
阅读全文
摘要：Less简单语法 LESS（Leaner Style Sheets）定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行编码工作。 LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功
阅读全文
摘要：分享一篇优秀博文：CSS知识点 一、基础部分 （一）基础选择器 1.通配符选择器 例：*{margin:0；padding:0} 2.标签选择器 例：div { } p { } 3.ID选择器 例：#id one { } 4.类选择器 例：.banner { } 类选择器的其它用法： ①.多类选择器
阅读全文
摘要：垂直居中：vertical-align 使用场合 ①表格th/td 控制内部内容垂直对齐方式 top/middle/bottom ②行内块 控制行内块前后行内元素、行内块元素、文本的垂直对齐方式 top/middle/bottom 默认值middle ③img 控制img和前后行内元素、行内块元素、
阅读全文
摘要：HTML5标签总结： 1、基本的 HTML 标签： 1 <h1> - <h6> 标签定义 HTML 标题 2 <p> 标签定义 HTML 段落 3 <a> 标签定义 HTML 链接 4 超链接： 5 >通过使用 href 属性 - 创建指向另一个文档的链接 6 >通过使用 name 属性 - 创建文
阅读全文
摘要：关于SEO（搜索引擎优化）前端工程师能干的事情： 方法：标签语义化。 三大标签：title、description、keywords。（三大标签的内容都是项目经理准备好的，只需复制粘贴。） 其他技巧：在网页logo的位置设置隐藏的网站名称。
阅读全文
