css
关注
分享
扫一扫
爱忽悠的唐唐
有梦想的人，永远年少
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
多列实现瀑布流
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS3瀑布流</title> <style> /*大层*/ .container{width:原创 2018-08-06 13:55:00 · 447 阅读 · 0 评论 -
CSS布局技巧
以下为闲暇时间梳理的布局体系图原创 2018-08-16 09:16:04 · 121 阅读 · 0 评论 -
CSS盒模型
一、分类 分为标准盒模型和IE盒模型 二、区别 标准盒模型的宽高值不包含padding+border IE盒模型的宽高值包含padding+border 三、js获取dom元素宽高 dom.style.width/height （特性：只能获取内联元素） dom.currentStyle.width/height (获取渲染后的宽高，但是仅IE支持) window.ge...原创 2018-08-16 09:27:02 · 129 阅读 · 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 · 455 阅读 · 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 · 4737 阅读 · 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 · 240 阅读 · 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 · 5312 阅读 · 0 评论 -
父元素有最大高度max-height限制，子元素的最大高度不超过父元素
有这样一个需求，将图片包裹在自适应的容器中，但这个自适应容器的高度不能超过屏幕高度的60%，而这张图片能够自动进行缩放，最大高度不能超过这个父容器。css代码如下： 实现思路： 在图片外再加一层div,将原有的容器设置为flex布局，而图片外新加的这层div设置flex:1,图片再设置max-height，就能完美完成这个需求了。 <!DOCTYPE html> <html ...原创 2019-07-11 22:46:07 · 6311 阅读 · 0 评论