![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
咖啡杯里的茶1
这个作者很懒,什么都没留下…
展开
-
table表格整体居中实现
如下面代码所示:<div class="tableCenter"> <table class="table" style="table-layout: fixed;"> <tr> <td ></td> <td ></td> &原创 2019-02-22 18:18:06 · 11121 阅读 · 0 评论 -
解决父级元素因子级元素浮动导致的高度为0的问题
我们在使用float浮动进行布局的时候知道一般需要给浮动的块元素加上一个父级元素,这样元素浮动时才可以在父元素内部按照我们需要的方式进行布局,但是有一个问题是如果父元素没有给定高度的话当内部元素进行浮动之后父元素的高度就会是0,这是因为浮动的元素是处于标准流之外的。若是在一开始给定父元素一个高度的话很多时候也不能满足要求,因为很多我们不知道要显示的内容具体是多少,所以也就不知道需要给多少高度合适。...原创 2019-03-09 22:13:02 · 318 阅读 · 0 评论 -
css定位
一个元素的定位主要包含两个部分:元素的定位模式以及边偏移边偏移边偏移属性描述top顶端偏移量,定义元素相对于父元素上边线的距离bottom底部偏移量,定义元素相对于父元素下边线的距离left左侧偏移量,定义元素相对于父元素左边线的距离right右侧偏移量,定义元素相对于父元素右边线的距离当我们使用定位时需要和这些偏移量一起使用,比如top:1...原创 2019-03-10 21:41:24 · 84 阅读 · 0 评论 -
css中元素的几种选择方式
选择方式通用选择符通过 * 号可以选择所有的元素,使用通用选择符时一般去去除所有元素的margin和padding默认值* { margin: 0; padding: 0;}并集选择器所谓的并集选择是选择的多个属性通过逗号隔开,此时所选择的元素样式都会被改变h1, h2, p { color : red;}比如上面的样式中h1,h2与p标签都会被选择出...原创 2019-03-10 21:49:20 · 870 阅读 · 0 评论 -
css之伪类
伪类主要分为两种。伪类是通过冒号来表示的。UI(User Interface)该伪类会在html元素处于某个状态时(比如鼠标指针位于链接上),为该元素应用某种css样式。结构化伪类会在标记中存在某种结构上的关系时(如某个元素是一组元素的第一个或者是最后一个),为相应的元素应用css样式链接伪类针对链接的伪类一共有四个,链接始终会处于下面四中状态之一:link 此时链接处在等用户点击...原创 2019-03-10 22:46:09 · 179 阅读 · 0 评论 -
css精灵图
什么是精灵图所谓的精灵图就是将多个图片放置在一个大的图片上面。精灵图主要是用来当做背景图时使用,之所以要将多个图片放置在一个大的图片上面是因为很多时候我们的背景图是放置在服务器上面的,当我们需要使用到某一张图片的时候就会向服务器请求资源,如果图片是分离的那么用到一张的时候就要请求一次,这样服务器的压力会比较大,所以可以将多个图片整合到一个图片的上面,这样当请求资源的时候请求的次数就会变少很多,可...原创 2019-03-11 21:13:16 · 1292 阅读 · 0 评论 -
微信滑动门小案例
先看一下微信官顶部样式上面的首页,帮助与反馈等样式都是由背景图片实现的,至于为什么需要用到滑动的知识是因为每一个链接里面的字数是不一样的,也就是说这些字外面的框应该是根据内容的多少自动扩展,所以需要使用到滑动的方式。滑动原理虽说是滑动,但是实际上底部依然只是一张背景图片,只是可以将这个背景图片看做是两部分,第一部分就是左边的那个半圆部分,第二部分就是后面半圆以及矩形部分。左侧半圆固定,当字...原创 2019-03-11 23:10:49 · 416 阅读 · 0 评论 -
css清除浮动的种方式
我们在使用float浮动进行布局的时候知道一般需要给浮动的块元素加上一个父级元素,这样元素浮动时才可以在父元素内部按照我们需要的方式进行布局,但是有一个问题是如果父元素没有给定高度的话当内部元素进行浮动之后父元素的高度就会是0,这是因为浮动的元素是处于标准流之外的。若是在一开始给定父元素一个高度的话很多时候也不能满足要求,因为很多我们不知道要显示的内容具体是多少,所以也就不知道需要给多少高度合适。...原创 2019-03-12 20:46:17 · 85 阅读 · 0 评论