发布主题
0 1613
0 1528
0 1716
avatar

CSS-溢出属性

钱满满 • 
1、溢出属性（容器的） 说明： overflow:visible/hideeen/scroll/auto/inherit visible:默认的，溢出内容会显示在元素之外 hidden：溢出内容隐藏 scroll：滚动，溢出内容以滚动方式显示 auto：如果有溢出会添加滚动条，没有溢出正常显示 i...
css
0 1491
2 2317
avatar

CSS-列表属性

钱满满 • 
序号 属性 描述 说明 1 list-style-type 定义列表属性样式 list-sytle-type：disc/circle/square/none 2 list-style-image 将图片设置为列表符合样式 list-style-image：url（）； 3 li...
css
0 1369
avatar

CSS-文本属性

钱满满 • 
序号 属性 描述 说明 1 font-size 字体大小 单位时px，默认时16px，设计图常用自豪时12px 2 font-family 字体 当字体时中文字体、英文字体中有空格时，需加双引号；多个字体中间用逗号链接，先解析第1个字体，如果没有解析第二个字体，以此类推 3 ...
css
0 1455
avatar

CSS伪类选择器

钱满满 • 
语法： a:link{属性：属性值}超链接的初始状态； a:visited{属性：属性值}超链接被访问后的状态； a:hover{属性：属性值}鼠标悬停，即鼠标划过超链接时的状态； a:active{属性：属性值}超链接被激活时的状态，即鼠标按下时超链接的状态； Link--visited--hov...
css
0 1455
avatar

CSS装饰

钱满满 • 
垂直对齐方式 属性名：vertical-align 属性值： 属性值 效果 baseline 默认、基线对齐 top 顶部对齐 middle 中部对齐 bottom 底部对齐 光标类型 场景：设置鼠标光标在元素上时显示的样式 属性名：cursor 常见属性值： ...
css
0 1298
avatar

CSS元素层级问题

钱满满 • 
元素层级问题 不同布局方式元素的层级关系 标准流<浮动<定位 不同定位之间的层级关系 相对、绝对、固定默认层级相同 此时HTML中写在下面的元素层级更高，会覆盖上面的元素
css
0 1411
avatar

CSS定位

钱满满 • 
使用定位的步骤 1、设置定位方式 属性名：position 常见属性值： 定位方式 属性值 静态定位 static 相对定位 relative 绝对定位 absolute 固定定位 fixed 2、设置偏移量 偏移值设置分为两个方向，水平和垂直方向各选一个使用即可 选...
css
2 2270
avatar

CSS解决外边距塌陷/清除浮动双伪元素

钱满满 • 
外边距塌陷：父子标签，都是块级，子级加margin会影响父级位置。 父子级标签，子级浮动，父级没有高度，后面的标准流盒子会受影响，显示到上面。 .clearfix::before, .clearfix::after { content: '' display: table; } ...
css
0 1341
avatar

CSS 书写顺序

钱满满 • 
CSS书写顺序：浏览器执行效率更高 1、浮动 / display 2、盒子模型：margin borde padding 宽度高度背景色 3、文字样式
css
0 1264
avatar

CSS-盒子模型-外边距折叠现象-塌陷现象

钱满满 • 
场景：互相嵌套的块级元素，子元素的 margin-top 会作用在父元素上 结果：导致父元素一起往下移动 解决方法： 给父元素设置border-top 或者 padding-top （分隔父子元素margin-top） 2.给父元素设置overflow：hidden（推荐） 3.转换成行内块元素 ...
css
0 1451