css
流年lh
这个作者很懒,什么都没留下…
展开
-
利用纯css做选项卡知识点
CSS3 :checked 伪类选择器妙用可以利用checked做出选项卡。CSS3中的伪类选择器例如:hover,:before,:after在已经在前端开发中被广泛使用,但是可能开发者还不太熟悉:checked这个伪类选择器。本文将介绍:checked这个伪类选择器以及如何使用它写出更加有优雅的代码。:checked伪类选择器顾名思义,表示的是 type="chec转载 2017-05-22 22:49:27 · 435 阅读 · 0 评论 -
css之元素的显示方式
、元素的四种显示方式1、隐藏2、块级元素典型代表: div ,p, h,ul....特点:独自占据一行可以设置有效宽高当发生嵌套的时候,如果没有给子元素设置宽高,子元素的宽度和父元素一样宽div{width: 300px;height: 200px;border: 1px red solid;}p{background-color原创 2017-05-24 18:38:37 · 1319 阅读 · 0 评论 -
css之元素显示方式的转换(display的用法)
CSS元素的显示方式的转换1、隐藏元素(1)display样式的none#p1{display: none;}段落1段落2释放该元素所占的空间。(2)visibility定义为hidden#p1{visibility: hidden;}段落1段落2visibility 的hi原创 2017-05-24 18:41:52 · 2271 阅读 · 0 评论 -
css之鼠标样式
CSS鼠标样式语法如下:hand是手型 pointer也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。 crosshair是十字型 text是移动到文本上的那种效果 wait是等待的那种效果 default是默认效果 help是问号 e-resize是向右的箭头 ne-resize是向右上的箭头 n-resize是向上的箭头 n原创 2017-07-03 10:36:43 · 241 阅读 · 0 评论 -
关于img标签间距问题
http://www.cnblogs.com/lovelyun/p/4846222.html解决img标签间距问题 关于img标签间距问题:多个img之间有间距,包含img标签的div之间有间距。代码如下: 1 doctype html> 2 html lang="en"> 3 head> 4 meta charset="UTF-8"转载 2017-09-07 17:42:04 · 938 阅读 · 0 评论 -
CSS之文档流
文档流写html,css的同学应该需要清楚什么是文档流。文档流:将窗体自上而下分成一行一行,并在每行中按从左至右的挨次排放元素,即为文档流。 每个非浮动块级元素都独有一行, 浮动元素则按规则浮在行的一端. 若当时行容不下, 则另起新行再浮动。内联元素也不会独有一行. 一切元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。有三种状况将使得元素离开文档流而存在,分别是浮转载 2017-09-28 20:35:07 · 477 阅读 · 0 评论