![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
lelewang123
这个作者很懒,什么都没留下…
展开
-
常用的水平垂直居中方法
1.单行文字的居中 (1)水平居中:text-align:center; (2)垂直居中:设置height = line-height; (3)水平垂直居中:(1)+(2) 2.普通容器的居中 (1)已知容器的宽高负margin配合绝对定位.main{ width:500px; height:500px; background: lightgreen;原创 2017-07-15 18:25:17 · 256 阅读 · 0 评论 -
css三栏式布局
css的三栏式布局 所谓的三栏式布局,指的就是在一个容器里三个div,呈左中右并列排布。其中左右两栏宽度固定,中间一栏根据浏览器窗口宽度自适应。这是一种很常见的布局方式。根据自己的总结和查阅资料,现对三栏布局的方法作以总结。 1.普通方法 html代码: <div class="box"> <div class="left"></div>原创 2017-06-06 11:40:51 · 422 阅读 · 0 评论 -
用伪类制作小三角形的位置问题
问题描述:在下拉菜单中会常常用到用伪类(:after)制作小三角形。然而小三角形的位置通过padding和margin却很难控制。 采用position:relative可以很好地控制其位置。 代码: html代码<div class="tab-head">学科领域</div>css代码.site-accordion>li .tab-head:after{ content: '';原创 2017-07-23 13:42:45 · 1391 阅读 · 0 评论 -
下拉菜单的手风琴效果
html代码<div class="site-nav"> <ul class="site-accordion"> <li> <div class="tab-head">学科领域</div> <ul class="tabs-list"> <li>机械电子</li> <原创 2017-07-23 14:07:46 · 870 阅读 · 0 评论 -
css清除浮动
给一个元素结点设置float属性,会让它脱离文档流,包裹它的父元素也会高度塌陷,进而会对它后面的元素产生影响,所以清除浮动很重要。 清除浮动的方法有:给浮动元素之后增加一个div,并给这个新增的div设置class=“clear”,并且设置.clear{clear:both;}.clear{ clear: both; }优点:随用随清,无兼容性问题 缺原创 2017-09-23 11:03:39 · 189 阅读 · 0 评论 -
flex布局(笔记)
flex布局以前的布局:float+position缺点:兼容性,麻烦flex box:弹性布局任何元素都可以指定为弹性布局 display:flex;webkit内核的浏览器,必须加上-webkit前缀。设置flex布局后,子元素的float,clear,vertical-align属性会失效。基本概念:采用flex布局的元素称为flex容器(flex container),它的所有子元素会自动成原创 2017-09-09 19:39:25 · 443 阅读 · 0 评论 -
用Div+CSS完成一个等腰梯形
1.思路:等腰梯形实质上是顶点在同一点的两个相似三角形叠加在一起的的非公共部分。我们知道,用CSS很容易地能做出一个三角形,所以同理,做出一个等腰梯形也不是很困难 。我们只需要将内部的div水平垂直定位在外部div的内部,然后通过border大法绘出一个三角形,内部div其实并不一定要是一个三角形,因为内部div的主要用途在于覆盖外部三角形的一部分,使之成为一个等腰梯形,所以对外部div来说只需设置原创 2017-11-09 10:08:14 · 5530 阅读 · 0 评论