<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>默认</title> <style> div{ margin: 10px; padding: 5px; font-size: 12px;
大家好，今天给大家分享一下CSS的相对定位 看代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ margin: 10px; padding: 5p
当父级里面的子元素全部使用浮动后，所有子元素脱离了标准文档流，使得父级内部没有其内容，会造成边框塌陷现象。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>浮动</title> <link href="css/float.css" rel="st
mouseleave事件是各元素各自触发，不是由子元素冒泡而来，而mouseout是由子元素冒泡而来。 举个栗子 .app1 { width: 300px; height: 300px; border: 1px dashed black; } .app2 { width: 200px; height: 200px; border: 1px dashed gray; } .app3 { width: 100px;
看效果 思路 1.使用css超伪类。子绝父相（给div设置相对定位,给div的伪类设置绝对定位） 2.宽高设置为0，设置边框宽，边框颜色设置为透明 代码 1.html <div class="sjx"> </div> 2.css * { margin: 0px; padding: 0px; list-style: none; text-decoration: non
Less less的使用 以//开头的注释，不会被编译到css文件中 以/**/包裹的注释会被编译到css文件中 变量的语法：@变量名 使用变量时，如果是直接使用则以@变量名使用 作为类名，或者一部分值使用必须以@{变量名}的形式使用 变量发生重名时，会优先使用比较近的变量 &表示外层
outline-style <p class="dotted">dotted</p> <p class="dashed">dashed</p> <p class="solid">solid</p> <p class="double">double</p> <p class="groove">groo
第05章 边框样式 边框样式简介 边框宽度border-width 边框外观border-style:none无样式|dashed虚线|solid实线 边框颜色border-color 整体样式 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>边框属性</title> <style> div{ bo
>标准文档流：指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式 >浮动:就是脱离标准文档流 display属性： display特性： block、inline：块级元素与行级元素的转变 inline-block：控制块元素排到一行 none：控制元素的显示
1.div结构 <div class="level_prompt position-absolute"> <div class="arrow" > <span></span> </div> </div
