css教程


css3 气泡对话框实例
上一遍文章我们介绍了边三角提示框,那个时候的提示框是比较规则的三角形,本实例将难度进一步升级,用css3制作不规则的气泡对话框。希望对学习css3的朋友有所帮助。...
2016-10-12 css教程
25

css first-child实例及详解
css中first-child伪类选择器我们貌似都很熟悉,但是,仅仅是熟悉而已,对于first-child的应用,相信很多人并不能正确运用,经常会出现错误。 本文通过实例向大家讲解first-child的正确使用方法。...
2016-10-12 css教程
10

css 如何让浮动DIV水平居中
对于定宽的非浮动元素我们可以用 margin:0 auto; 进行水平居中。对于不定宽的浮动元素我们也有一个常用的技巧解决它的水平居中问题。父元素和子元素同时左浮动,然后父元素相对左移动50%,再然后子元素相对右移动50%,或者子元素相对左移动-50%也就可以了。...
2016-10-12 css教程
89

CSS如何实现文本禁止被选中
禁止文本被选中的目的一般是为了防止别人复制网站的内容,当然这些只能防住一些“善良”的朋友,只要有点web知识都能够轻易破解这些,不过咱们不管这些,只要客户有需要,程序员就必须要实现,下面是两端css样式代码,能够实现此功能,希望能够对需要的朋友带...
2016-10-12 css教程
42

CSS子div设置float后父级div无法自适应高度的问题解决方法
在用CSS+DIV的布局中,经常会发现,当一个DIV float之后,如果他的高度超过了其父DIV的高度时,其父DIV的高度并不会相应的进行调整。要解决这个问题(也叫做闭合(清除)浮动),我们有四种办法。...
2016-10-12 css教程
32

css 巧用border属性制作各种图形(矩形,梯形,三角形)
以前只知道border属性是盒模型中的边框属性,一直不清楚每个边的border是矩形拼接有重合呢,还是梯形无缝拼接的。为了观察边框究竟是哪一种拼接方式,做了一下几个demo。...
2016-10-12 css教程
445

CSS before和after伪类元素应用实例及分析
CSS中有一个特性允许我们添加额外元素而不扰乱文档本身,它们是以CSS选择器的形式出现的,具有标签的表现效果,但是呢又不是真正的标签元素,所以叫做“伪元素”。下面就说一下常见的两个伪元素before和after。...
2016-10-12 css教程
326

html5和css3的常用参考网
当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭 配,图标,留白和布局......所有的这些,都不是随随便便的,讲究一定的原则。而这些原则通常我们为...
2016-10-12 css教程
10

CSS中字体尺寸px pt em rem等的区别
在CSS中可以用很多不同的方式来设定字体的尺寸。一般来说,这些单位被分成两大类:绝对单位(absolute)和相对单位(relative)。绝对单位在大多数情况下是相对于某些实际量度而言的固定值,即是说它们一旦设定,就不会因为其他元素的字体尺寸变化而变化。相对单...
2016-10-12 css教程
42

css margin-top属性不起作用的几个原因
大家在编写css的时候,明明设置了margin-top属性,但是并没有达到预期效果,而且检查多次也不知道我问题出在哪里。本文对margin-top失效的几种原因进行分析。...
2016-10-12 css教程
593

css after before制作的边三角提示框
在css中,制作带边三角的提示框有很多方法,例如,使用图片或者border配合position。今天我要向大家介绍使用::after和::before配合border制作带边三角提示框。希望对大家学习css有多帮助。...
2016-10-12 css教程
680

纯css写的手风琴切换实例
本实例通过对radio按钮的状态判断来实现折叠效果。主要应用的是兄弟元素选择器,注意这个兄弟元素选择器只选择后面的兄弟元素,对于同级的前面的兄弟元素css3还没有响应的选择器。然后综合应用:before和transition来实现前面图标的切换及高度的伸展动画。这个...
2016-10-12 css教程
11