css
作者介绍
要成为程序员的男人，个人主页：www.pengshiyu.com
-
原创
display:box、display:flex实现多行文本垂直居中
统一的样式 文字水平居中text-align: center; .box{ height: 200px; width: 200px; background-color: #DDDDDD; text-align: center; margin: 20px; padding: 0 20px; } 1、单行文本垂直居中 设置行高line-height ...2019-11-07 11:45:14 阅读数 130 评论数 0 -
原创
CSS去重叠边框
1.table去重叠边框 table{ border-collapse:collapse; } 2.非table去重叠边框 只需要设置div的margin值为边框值的相反数就行 div{ border:1px solid #333; margin-right:-1px; margin-bottom:-1px; } 参考 CSS去重叠边框 ...2019-10-30 16:22:48 阅读数 41 评论数 0 -
原创
前端学习：css基本知识
css 层叠样式表 作用： - 颜色 - 位置 注释 /* 这是注释 */ 形式 - 内嵌样式 标签style - 内联样式 head style - 外联样式 单独文件 选择器 - id选择器 # - class选择器 . - 标签选择器 - 层级选择器 空格隔开父-子 - 组合选择器 逗号隔开同级元素 ...2018-02-08 21:25:37 阅读数 124 评论数 0 -
原创
css文件能加载但是没有生效
使用nginx+django部署项目的时候，为了提高加载速度，我将css，js，image等静态资源在nginx中配置了路径 本地测试没有问题，代码提交线上就出问题了，出现了这么个情况： css文件能加载但是没有生效 经过查找资料，大概从以下两个方面入手检查： 1、考虑css文件引用是否正确 2、考虑服务器nginx配置静态文件是否正确 打开浏览器console，出现这么一句话 Resource...2018-09-18 16:33:43 阅读数 3165 评论数 3 -
原创
前端：显示右上角hot字样
<style> .hot { vertical-align: super; color: red; } </style> <span class="hot">hot</span>2018-09-14 16:08:17 阅读数 607 评论数 0 -
原创
Less-CSS预处理语言快速入门
Less css预处理语言 特性：变量、继承、运算、函数 http://lesscss.cn/ 编译器 1、koala http://koala-app.com/index-zh.html https://github.com/oklai/koala 2、sublime插件 less # 语法高亮 less2css # 保存自动生成同名的css文件 需要安装node环境+node...2019-08-10 17:06:48 阅读数 45 评论数 0 -
原创
简单理解float浮动
原本意义：实现文字环绕效果 BFC Block formatting context 块级格式化上下文 具有包裹性属性 display：inline-block/table-cell position:absolute/fixed/sticky verflow:hidden/scroll 破坏 容器被破坏, 父元素高度塌陷 display：none position：absolute/fixed/...2019-09-23 23:43:54 阅读数 21 评论数 0 -
原创
Flex弹性盒子布局实现骰子6点
1、基础样式 h2{ text-align: center; } .main{ display: flex; flex-wrap: wrap; width: 680px; justify-content: space-between; } .container{ display: flex; width: 320px; heigh...2019-09-28 11:24:29 阅读数 198 评论数 0