随笔分类 - css
摘要：```css .clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden; } .clearfix{ *zoom: 1;/...
阅读全文
摘要：```html Document 我是标题 我是标题 我是标题 我是标题 我是第一行 我是第一行 我是第一行 我是第一行 我是第二行 我是第二行 我是第二行 我是第二行 我是第三行 我是第三行 我是第三行 我是第三行 我...
阅读全文
摘要：参考 https://www.cnblogs.com/wush 1215/p/9810993.html
阅读全文
摘要：高度100%无效 高度的100%是相对于父级定的1、如果父级没有高度那么子级高度100%无效，2、如果父级的高度也是根据100%来设置的，此时检查盒子虽然有高度，但是子级设置高度100%也会无效。
阅读全文
摘要：注明：内容来处https://www.cnblogs.com/ss977/p/5846176.html 1、现webkit内核的浏览器支持display: webkit box;属性， 所以网页中显示两行文字，超出部分省略，可以用样式 2、为兼容其他浏览器，则需要js解决，以下为封装的方法。
阅读全文
摘要：```css
html,
body,
ul,
ol,
li,
dd,
dt,
dl,
div,
h1,
h2,
h3,
h4,
h5,
h6,
span,
label,
input,
p,
i,
a { margin: 0px; padding: 0px; }
a{ list-style: none;
}
img{
border:0;
} .clear:after{
...
阅读全文
摘要：:: webkit scrollbar 滚动条整体部分 :: webkit scrollbar thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） :: webkit scrollbar track 滚动条的轨道（里面装有Thumb） :: webki
阅读全文
摘要：如果一个元素设置了postion:abslute;top:20;botoom:20因为设置了top又设置了botoom所以元素会有高度。
阅读全文
摘要：1、决对定位以后的100%会把父级的padding也算进去，固定定位以后的100%是根据body来算的，相对定位还是很原来一样。 2、一个元素是display:black;会占一整行，但是如果设置了position:abslute;那么你不给宽高就不会有宽高。你可以用文字撑出宽高或设置padding
阅读全文
摘要：[class ="col "] 选择所有类名中含有"col "的元素 与此类似的还有： [class^="col "] 选择所有类名中以"col "开头的元素 [class$=" col"] 选择所有类名中以" col"结尾的元素 选择以3为倍数的li nth last child(1)与nth l
阅读全文
摘要：动画属性 @keyframes 关键帧 —— animation 活泼 （配合使用） transform 变换 —— transition 过渡 （配合使用） 1、animation animation : name,完成时间,速度曲线,延迟时间,播放次数,轮流反向播放动画 animation :
阅读全文
摘要：一、直接写在媒体查询里 @media 媒体类型and （媒体特性）{你的样式} 二、链接css
阅读全文
摘要：[TOC] ####解决一字母和数字不能换行问题 word-break: break-all; /*遇到边界时一个单词会被拆分换行*/ word-wrap: break-word;/*控制长度超过一行的单词换行*/ /*一般情况下这两个单词配合使用*/ line-break: anywhere; /
阅读全文
摘要：```html 菜鸟教程(runoob.com) flex item 1 flex item 2 flex item 3 ```
阅读全文
摘要：弹性布局的属性 [TOC] 案例地址 http://www.runoob.com/w3cnote/flex grammar.html 属性及作用 1、 display:flex; 弹性布局，父级 2、 flex deriction 方向，父级 3、 flex wrap 换行，父级 4、 justif
阅读全文
浙公网安备 33010602011771号