1. 首页
  2. 标签
  3. css
  • CSS旋转折扇小案例
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...
  • CSS画太极图小案例
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w...
  • 标题栏三角形按钮小案例
    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatibl...
  • CSS-溢出属性
    CSS-溢出属性
    1、溢出属性（容器的） 说明： overflow:visible/hideeen/scroll/auto/inherit visible:默认的，溢出内容会显示在元素之外 hidden：溢出内容隐藏 scroll：滚动，溢出内容以滚动方式显示 auto：如果...
  • CSS-浮动属性
    CSS-浮动属性
    属性：float 描述：float：left；，float：right；，float：none；
  • CSS-列表属性
    CSS-列表属性
    序号 属性 描述 说明 1 list-style-type 定义列表属性样式 list-sytle-type：disc/circle/square/none 2 list-style-image 将图片设置为列表符合样式 list-style...
  • CSS-文本属性
    CSS-文本属性
    序号 属性 描述 说明 1 font-size 字体大小 单位时px，默认时16px，设计图常用自豪时12px 2 font-family 字体 当字体时中文字体、英文字体中有空格时，需加双引号；多个字体中间用逗号链接，先解析第1个字体，如...
  • CSS伪类选择器
    CSS伪类选择器
    语法： a:link{属性：属性值}超链接的初始状态； a:visited{属性：属性值}超链接被访问后的状态； a:hover{属性：属性值}鼠标悬停，即鼠标划过超链接时的状态； a:active{属性：属性值}超链接被激活时的状态，即鼠标按下时超链接的状态...
  • CSS装饰
    CSS装饰
    垂直对齐方式 属性名：vertical-align 属性值： 属性值 效果 baseline 默认、基线对齐 top 顶部对齐 middle 中部对齐 bottom 底部对齐 光标类型 场景：设置鼠标光标在元素上时显示的样式 属...
  • CSS元素层级问题
    CSS元素层级问题
    元素层级问题 不同布局方式元素的层级关系 标准流<浮动<定位 不同定位之间的层级关系 相对、绝对、固定默认层级相同 此时HTML中写在下面的元素层级更高，会覆盖上面的元素
  • CSS定位
    CSS定位
    使用定位的步骤 1、设置定位方式 属性名：position 常见属性值： 定位方式 属性值 静态定位 static 相对定位 relative 绝对定位 absolute 固定定位 fixed 2、设置偏移量 偏移值设置分为两个...
  • CSS解决外边距塌陷/清除浮动双伪元素
    CSS解决外边距塌陷/清除浮动双伪元素
    外边距塌陷：父子标签，都是块级，子级加margin会影响父级位置。 父子级标签，子级浮动，父级没有高度，后面的标准流盒子会受影响，显示到上面。 .clearfix::before, .clearfix::after { content: '' ...
  • CSS 书写顺序
    CSS 书写顺序
    CSS书写顺序：浏览器执行效率更高 1、浮动 / display 2、盒子模型：margin borde padding 宽度高度背景色 3、文字样式
  • CSS-盒子模型-外边距折叠现象-塌陷现象
    CSS-盒子模型-外边距折叠现象-塌陷现象
    场景：互相嵌套的块级元素，子元素的 margin-top 会作用在父元素上 结果：导致父元素一起往下移动 解决方法： 给父元素设置border-top 或者 padding-top （分隔父子元素margin-top） 2.给父元素设置overflow：hi...