一阶段复习整理加深一阶段复习整理加深行内 块级 行内块级元素 是否设置高宽,是否占满一块 设置高宽? 块级元素或者行内块级元素 div section header footer h1-h6 =display:block(变味块级元素) img input button =display:inline-block (变为行内块级) float position (变为行内块级) float 1.脱离文档流,后面 2022-02-25
垂直水平居中强化复习垂直水平居中强化复习垂直水平居中强化复习 ** ** ** 单行文本垂直居中** ** ** 容器的高度和行高一样 height:80px line-height:80px 图片和文字居中对齐,设置图片的基线,vertical-align:middle 单行文本的水平居中:text-align:center 一块内容垂直居中 给容器(需要居中元素的父元素)设置 display 2022-02-25
lessless css 的预编译处理器,把 css 变成编译语言,用程序的思想写 css(less,sass),在经过编译得到 css 文件 less 和 sass 的区别1.less 是通过 js(node)来编译的,可以在客户端也可以在服务器端 2.sass 是通过 ruby 编译的,在服务器端处理 3.less 变量声明 @ 4.sass 变量声明 $ lesscss.org lesscs 2022-02-25
CSS 实用属性MDN Css 实用属性1. CSS 兼容写法1、**-moz**代表 firefox 浏览器私有属性 2、**-ms**代表 ie 浏览器私有属性 3、**-webkit**代表 safari、chrome 私有属性 这些是为了兼容老版本的写法,比较新版本的浏览器都支持直接写:border-radius。 现在比较流行的一个概念就是:不太关键的样式,可以不考虑兼容,比如你说的圆角,并不影响内容的 2022-02-25
CSS基础CSS 基础优先级很高的标签 h1-h6 标题 articel p nav 列表 ul>li ol>li img a table tr td form label input type=checkbox radio test password button submit reset number date select>option textarea required 层叠样式 2022-02-25
Css基础2Css 基础 2a 标签样式中:可以取消样式 text-decoration:none; backgroud: backgroud-size:设置背景图片的宽高。设置了宽,高度也会自适应。 backgroud-repeat:no-repeat;背景图片不重复。 outline ** ** outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突 2022-02-25
CSS3.0基础CSS3.0 基础css3.0 1.css3 完全向后兼容,css2 的样式都可以用 2.多了一些增补和修订 onst 3.css3>子代,更多的选择器, 圆角 背景大小 背景渐变色 盒子阴影 4.兼容性,个别浏览器不支持。 新增选择器 此选择器只能找兄弟和孩子 ** 属性选择器 ** [属性名 = ‘值’] ^= $= *= ** 结构性伪类选 2022-02-25
BFCBFCBFC BFC - Block Formatting Context 块级格式化上下文 触发 BFC 的条件: ·body 根元素本身就是 ·设置浮动,不包括 none ·设置定位,absoulte 或者 fixed ·行内块显示模式,inline-block ·设置 overflow,即 hidden,auto,scroll ·表格单元格,table-cell ·弹性布局,flex 2022-02-25
常用业务代码常用业务代码1. 从后台下载文件123456789101112131415161718192021222324252627282930async getFile (url, params = {}, filename = '') { axios({ url: p + url, method: 'get& 2021-12-31 前端 技巧 javascript