![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
爱忽悠的唐唐
有梦想的人,永远年少
展开
-
多列实现瀑布流
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3瀑布流</title> <style> /*大层*/ .container{width:原创 2018-08-06 13:55:00 · 375 阅读 · 0 评论 -
CSS布局技巧
以下为闲暇时间梳理的布局体系图原创 2018-08-16 09:16:04 · 102 阅读 · 0 评论 -
CSS盒模型
一、分类分为标准盒模型和IE盒模型二、区别标准盒模型的宽高值不包含padding+borderIE盒模型的宽高值包含padding+border三、js获取dom元素宽高dom.style.width/height (特性:只能获取内联元素)dom.currentStyle.width/height (获取渲染后的宽高,但是仅IE支持)window.ge...原创 2018-08-16 09:27:02 · 101 阅读 · 0 评论 -
util.css
/*[ FONT SIZE ]///////////////////////////////////////////////////////////*/.fs-1 {font-size: 1px;}.fs-2 {font-size: 2px;}.fs-3 {font-size: 3px;}.fs-4 {font-size: 4px;}.fs-5 {font-size: 5px;}....原创 2019-04-08 16:17:21 · 404 阅读 · 0 评论 -
css美化滚动条
/*整体部分*/ ::-webkit-scrollbar{ width: 10px; height: 10px;}/*滑动轨道*/ ::-webkit-scrollbar-track{ border-radius: 0px; background: none;}/*滑块*/::-webkit-scrollbar-thumb{ border-radius: 5px;...原创 2019-04-09 18:07:12 · 4675 阅读 · 0 评论 -
去掉input自动补全后的黄色样式
在css中加入/*去掉input自动补全后的黄色样式*/input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active { -webkit-transition-delay: 99999s; -webkit-transiti...原创 2019-04-18 15:12:48 · 187 阅读 · 0 评论 -
CSS基础样式库
推荐的base.css/*css reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{ border-collapse:collapse;border-spacing:0;}field...原创 2019-06-19 10:55:46 · 5200 阅读 · 0 评论 -
父元素有最大高度max-height限制,子元素的最大高度不超过父元素
有这样一个需求,将图片包裹在自适应的容器中,但这个自适应容器的高度不能超过屏幕高度的60%,而这张图片能够自动进行缩放,最大高度不能超过这个父容器。css代码如下:实现思路:在图片外再加一层div,将原有的容器设置为flex布局,而图片外新加的这层div设置flex:1,图片再设置max-height,就能完美完成这个需求了。<!DOCTYPE html><html ...原创 2019-07-11 22:46:07 · 6025 阅读 · 0 评论