css
文章平均质量分 72
huhaha24
这个作者很懒,什么都没留下…
展开
-
w3school中有关“HTML布局”一节中实例问题的理解
关于布局的问题,我已经转发过别人写得很好的一篇文章,我自己也写了一篇个人理解的文章,但是今天学习到w3school中有关布局的实例时,又产生了疑问,弄清楚过后想在这里进行发表,好让更多的人更好的理解。 <body> <div id="header"> <h1>City Gallery</h1> </div> <div ..原创 2018-03-29 21:39:59 · 284 阅读 · 0 评论 -
CSS中的定位属性position的用法
position属性是CSS中比较重要也比较难以理解的属性,下面我就来谈谈我自己的理解吧!position属性的取值有:1.static(默认值,块级元素和内联元素按照正常的方式进行排列)2.relative(相对定位) relative相对定位是指相对自己原来的位置定位,而且它不会脱离正常的文档流,也就是还是会占据网页中的位置当设置left和top时,元素会以窗口的左上角为原点,设置left就...原创 2018-04-30 14:32:24 · 2178 阅读 · 0 评论 -
position的小弟z-index的基本用法
我之所以称z-index为position的小弟,是因为z-index是专门为position服务的一个属性,它可以设置元素的叠加位置,只有元素设置了定位属性,且属性值不是默认值时,z-index才会起作用。 z-index可以取的值有3个,默认值为auto(表示不参与层级比较),number,inhert;用得最多的应该是number,number可以取正值,也可以取负值,number值大...原创 2018-04-30 14:49:06 · 184 阅读 · 0 评论 -
圣杯布局与双飞翼布局
本篇文章将从各个方面来介绍圣杯布局和双飞翼布局,看完这篇文章大家对这两个布局应该就会很明白了。<div class="con"> <div class="main">main</div> <div class="left">left</div> <d原创 2018-05-03 21:43:52 · 160 阅读 · 4 评论 -
关于垂直居中问题的小结
CSS样式的垂直居中一直都不太好理解,没有直接的属性来实现垂直居中,有一个vertical-align也只是针对于文字之间,如果我们想让一整行的文本或者多行文本进行垂直居中,我们应该怎么做呢?单行内容的垂直居中html代码<h1>单行元素的垂直居中</h1><p class="one">我是单行元素,我要进行垂直居中</p>css代码p.one{...原创 2018-04-25 21:41:39 · 482 阅读 · 0 评论 -
CSS中的background-possion的难点
在CSS中的定位肯定离不开position,顾名思义,背景图片中的background-position也是为了定位而出现的,它可以取百分数,像素以及关键词分别为top,right,left,bottom 明确背景图的覆盖区域首先,得明确的是,背景图片覆盖的区域是content+padding+border,它是不包括外边距(margin)的,这一点可以通过设置取值进行实现的:展现的效果是这...原创 2018-04-26 21:36:01 · 220 阅读 · 0 评论 -
解决float浮动副作用的若干方法
我们知道浮动在CSS中是一个很重要的属性,它能让网页的布局变得更好看,但是它在好用的同时也有相应的副作用。浮动产生的副作用1.当子元素都设置了浮动时,就会导致父元素的塌陷,即父元素撑不开;就是下面这种现象很明显,父元素并没有被撑开,就是所谓的塌陷,注意这里height应该设置为auto,否则就不叫用子元素撑开;如果前面的元素设置了浮动,那后面的元素就有可能产生异位的现象。2.如果前面的元素设置了浮...原创 2018-04-29 21:19:39 · 988 阅读 · 0 评论 -
CSS3中的border-image详解
border-image属性的简介 在之前的CSS中大家已经接触到了background,background有三个参数,分别是图片的链接,背景的位置以及背景的重复方式,这里就不一一展开了,今天的主角是border-image,它和background有一样的参数,但是具体的用法却不相同,下面就来一一介绍。border-image属性的参数介绍图片链接(border-image-source...原创 2018-07-16 10:07:21 · 13393 阅读 · 0 评论