lomon6

2019年3月23日

css伪类及伪元素用法

摘要: 注:该表引自W3School教程 伪元素的分类及作用: 接下来让博主通过一些生动的实例(之前的作业或小作品)来说明几种常用伪类的用法和效果,其他的读者可以自己尝试:   :active  大致效果为用鼠标点击时,元素增加特效,鼠标松开时,特效消失。多用在按钮的点击上。   阅读全文

posted @ 2019-03-23 21:59 lomon6 阅读(18347) 评论(0) 推荐(2) 编辑

css中的定位position

摘要: 在css中定位属性position的运用在页面中是很常用的,特别是一些结合js来实现的一些特效经常会用到定位属性,比如鼠标滑过显示被隐藏的盒子, banner的切换, 定位属性position常用的取值:relative/absolute/fixed;一般配合方向属性使用:top,left,righ 阅读全文

posted @ 2019-03-23 21:37 lomon6 阅读(307) 评论(0) 推荐(0) 编辑

块级元素与行级元素

摘要: 比如会有一种情况,给p标签水平居中有作用,但是给font加水平居中属性就没作用(如下): 1 p{ color:red; text align:center;}<br>font{color:red; text align:center;}   1 阅读全文

posted @ 2019-03-23 20:56 lomon6 阅读(455) 评论(0) 推荐(0) 编辑

清除浮动

摘要: 在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫C 阅读全文

posted @ 2019-03-23 18:13 lomon6 阅读(131) 评论(0) 推荐(0) 编辑

CSS浮动

摘要:        本文以div元素布局为例。   教程开始:          首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下 阅读全文

posted @ 2019-03-23 17:34 lomon6 阅读(145) 评论(0) 推荐(0) 编辑

css -html-文档流

摘要: 首先先考虑一下什么是普通流?普通流就是正常的文档流,在HTML里面的写法就是从上到下,从左到右的排版布局。 例: <div id=”01”></div><div id=”02”></div><div></div> 很显然这是最普 阅读全文

posted @ 2019-03-23 16:21 lomon6 阅读(574) 评论(0) 推荐(0) 编辑

导航