524 字 1 分钟

# 元素的显示与隐藏 类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现 本质 : 让一个元素在页面中隐藏或显示出来 # display 属性 display 属性用于设置一个元素如何显示 display : none; 隐藏对象 display : block; 除了转换为块级元素之外，同时还有显示元素的意思 display 隐藏元素后，不再占有原来的位置 后面你应用及其广泛，搭配 JS 可以坐很多的网页特效 # visibility 可见性 visibility 属性用于指定一个元素应可见还是隐藏 visibility : visible;...
1.8k 字 2 分钟

# CSS 定位 定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子 定位 = 定位模式 + 边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置 # 定位模式 定位模式决定元素的定位方式，它通过 CSS 的 position 属性来设置，其值可以分为四个 : 值 语义 static 静态定位 relative 相对定位 absolute 绝对定位 fixed 固定定位 # 边偏移 边偏移就是定位的盒子移动到最终位置，有 top, bottom, left 和 right4...
1.2k 字 1 分钟

# 背景图片 通过 CSS 背景属性，可以给页面元素添加背景样式 背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等 # 背景平铺 如果需要在 HTML 页面上对背景图像进行平铺，可以使用 ``background-repeat` 属性 1234div { background-image: url(img.jpg); background-repeat: repeat | no-repeat | repeat-x | repeat-y;} 注意：页面元素既可以添加背景颜色也可以添加背景图片，只不过背景图片会压住背景颜色 #...
2k 字 2 分钟

# CSS 显示模式 # 块级元素 显示特点 : 独占一行 (一行只能显示一个) 宽度默认是父元素的宽度，高度默认由内容撑开 可以设置宽高 代表标签 : div, p, h 系列，ul, li, dl, dt, dd, form, header, nav, footer… 12345678910111213141516171819<!DOCTYPE html><html lang="en"><head> <meta...
441 字 1 分钟

# 学成在线案例 # CSS 属性书写顺序 (终点) 建议遵循以下顺序 : 布局定位属性 : display/position/float/clear/visibility/overflow (建议 display 第一个写) 自身属性 : width/height/margin/padding/border/background 文本属性 : color/font/text-decoration/text-align/vertical-align/white-space/break-word 其他属性 (CSS3) :...
1.9k 字 2 分钟

# 浮动 # 传统网页布局的三种方式 网页布局的本质 —— 用 CSS 来摆放盒子，把盒子摆放到相应位置 CSS3 提供了三种传统布局方式 普通流 (标准流) 浮动 定位 # 普通流 所谓普通流：就是标签按照规定好默认方式排列 块级元素会独占一行，从上向下顺序排列 常用元素 : div hr p h1~h6 ul ol dl form table 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行 常用元素 : span a i em 等 #...
679 字 1 分钟

# 盒子模型 # 表格的细线边框 border-collapse 属性控制浏览器绘制表格边框的方式，它控制相邻单元格的边框 语法 : 1border-collapse: collaspe; collapse 单词是合并的意思 border-collapse: collapse; 表示相邻边框合并在一起 # 内边距 padding 如果盒子本身没有指定 width/height 属性，则此时 padding 不会撑开盒子大小 # 外边距 margin 如果嵌套盒子对同一个方向都有 margin, 那么取最大值，且盒子都会一起塌陷 而我们想要的效果是 : 子盒子相对父盒子的...
782 字 1 分钟

# CSS 三大特性 CSS 由单个非常重要的三个特性：层叠性，继承性，优先级 # 层叠性 相同选择器给设置相同的样式，此时一个样式就会 == 覆盖 (层叠)== 另一个样式，层叠性主要解决样式冲突的问题 层叠性原则 : 样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行哪个样式 样式不冲突，不会重叠 # 继承性 CSS 中的继承：子标签会继承父标签的某些样式，如文本的颜色和字号. 恰当地使用继承可以简化代码，降低 CSS 样式的复杂性 子元素可以继承父元素的样式 (text- , font-, line- 这些元素开头的可以继承，以及 color 属性) #...
505 字 1 分钟

# 伪类选择器 伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第 1, 第 n 个元素 伪类选择器书写最大的特点是用冒号 (:) 表示，比如 :hover , :first-child 伪类选择器很多，比如由链接伪类，结构伪类 # 链接伪类 1234a:link /*选择所有未被访问的链接*/a:visited /*选择所有已被访问的链接*/a:hover /*选择鼠标指针位于其上的链接*/a:active /*选择活动链接(鼠标按下未弹起的链接)*/ 链接伪类使用注意事项 为了确保生效，请按照 LVHA 的顺序声明 : link, visited,...
2.6k 字 2 分钟

# Redis 命令 # Redis 通用命令 命令 作用 keys [command] (例) keys * 查看所有 key (一般不建议使用，因为 redis 为单线程，而查询条目特别多是就会阻塞) help [command] 可以查看一个命令的具体用法 del key [key ...] 删除指定的 key exists key [key ...] 查询 key 是否存在 (存在返回 1, 不存在返回 0) expire 给 key 设置一个有效期，有效期到期时该 key 会被自动删除 (redis...