CSS基础篇
小晓雄
这个作者很懒,什么都没留下…
展开
-
CSS浮动
转载自:http://www.cnblogs.com/zhongxinWang/archive/2013/03/27/2984764.html首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图:可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。转载 2016-07-17 11:10:16 · 200 阅读 · 0 评论 -
DIV CSS3 box-shadow对象盒子阴影和图片阴影
转载自:http://www.divcss5.com/css3-style/c727.shtmlCSS3之DIV等盒子对象阴影-图片阴影效果一、CSS样式单词与使用语法 - TOP1、盒子阴影样式单词:box-shadow2、语法div{box-shadow:0 0 1px #000 inset;} 代表边框间距靠左0 靠上0 和1px阴影范转载 2018-01-29 14:42:04 · 817 阅读 · 0 评论 -
CSS交集选择器
转载自:http://blog.csdn.net/lianghe_work/article/details/52816267问题引入[html] view plain copy> html lang="en"> head> meta charset="UTF-8"> title>Document转载 2018-01-29 14:40:59 · 1010 阅读 · 0 评论 -
::before (:before)
转载自:https://developer.mozilla.org/zh-CN/docs/Web/CSS/::beforeCSS中,::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。/* Add a heart before links */a::before { content转载 2018-01-26 12:03:01 · 1326 阅读 · 0 评论 -
浅谈css的伪元素::after和::before
转载自:https://www.cnblogs.com/laden666666/p/6089880.htmlcss中的::after和::before已经被大量地使用在我们日常开发中了,使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解,究竟他们是做什么的?如何使用他们?什么时候应该使用他们?笔者总结了一些对伪元素的理解和使用经验。一、概念转载 2018-01-26 11:48:49 · 306 阅读 · 0 评论 -
CSS中的auto讲解
首先来说一下 右对齐margin-left:auto; 左对齐margin-right:auto; 以及居中对齐margin:0 auto; 注意margin-left:auto是右对齐,而margin-right:auto;是左对齐,并不是我打错了,它就是这样。这三个与margin有关的auto是用来对齐元素的,你需要记住以下几点:1.该元素必须是区块(如果还不熟悉区块和内联的话我可以以原创 2016-07-21 00:04:13 · 3380 阅读 · 0 评论 -
html dl dt dd标签元素语法结构与使用
转载自:http://www.divcss5.com/html/h88.shtmldl dt dd认识及dl dt dd使用方法 标签用于定义列表类型标签。dl dt dd目录dl dt dd介绍结构语法dl dt dd案例dl dt dd总结一、dl dt dd认识 - TOPhtml 是一组合标签,转载 2016-07-20 00:12:11 · 914 阅读 · 0 评论 -
CSS的内联和块元素
在CSS中display使用的最多属性值为:block(块级元素),inline(内联元素),inline-block(内联块元素)以下是内联和块元素的区别:块级元素(block):可以设置宽高,margin,padding值等;例如:12div>块级元素div>p>块级元素p>显示的结原创 2016-07-19 21:33:42 · 288 阅读 · 0 评论 -
css选择器的分组的方法
在练习CSS布局中,使用到了CSS的选择器分组,代码如下:div#sidebar,div#header,div#contents,div#footer{ width:778px; margin:0 auto;}其中选择器分组后的例外为:div#sidebar{ height:20%;}原创 2016-07-18 21:33:17 · 292 阅读 · 0 评论 -
CSS布局之流体浮动布局
在CSS布局中经常使用的布局方式大值分为以下四种:1、流体浮动布局 2、流体定位布局 3、固定浮动布局 4、固定定位布局下面首先说下流体浮动布局;假如我们要实现如下的布局情况:则应该可以考虑采用流体浮动布局,其中CSS的样式如下:#header{ border:2px solid black; height:80px; back原创 2016-07-17 23:06:46 · 3553 阅读 · 0 评论 -
margin:auto实现绝对定位元素的居中
在CSS布局中经常会使用margin:auto来时实现水平居中,究其真正的原因问了一些专门开发web前端的人员,也不知道具体的愿意,所以专门用这篇博客记录下来,以备不时之需,.el{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; /* 有了这个就可以实现自动原创 2016-07-17 17:47:12 · 337 阅读 · 0 评论 -
CSS中的line-height百分比
line-height百分比在面试中可能经常问到。例如你知道line-height:120%和line-height:1.2的区别吗?现在就说一下行高带单位和不带单位的区别,例如下面的例子:line-height:26px; 表示行高为26个像素line-heigth:120%;表示行高为当前字体大小的120%line-height:2.6em; 表示行高为当前字体大小的2.6倍原创 2016-07-17 14:59:17 · 1678 阅读 · 0 评论 -
CSS中line-height和height的区别
CSS中的line-height一般指的是布局里面的一段文字,上下行之间的高度,比如第一行文字顶部到第二行文字的顶部,这就为行高。height一般指的是容器的整体高度。那么line-height和height有什么区别呢?如果一个DIV容器高度是20px,字体是12px,那可以显示完全显示一整行的文字,上下分别多出3px,如果行高是18px,文字为多行的话,则从第二行起原创 2016-07-17 12:02:23 · 1961 阅读 · 1 评论 -
LESSCSS中文文档
LESSCSS中文文档链接地址:http://www.1024i.com/demo/less/index.html原创 2018-01-29 15:17:41 · 550 阅读 · 0 评论