网站开发技术

记点笔记、 学点技术 欢迎交流建站技术。本站关注lamp技术

您尚未登录。

#1 css交流 » css 垂直空白(外边框)叠加 » 2015-02-25 11:54:24

css
回复: 0

叠加的结果是获得, 两个元素边框的距离是 max{a, b}.

max{a, b} -- 表示a, b 中最大的那个值

如果元素A再B上。

a 表示 , A 的 margin-bottom 的值

b 表示 , B 的 margin-top的值.

一个在上,一个在下是垂直叠加。

叠加发生的情况, 有margin 发生了重叠。

#2 css交流 » css 的盒子模型简单的理解 » 2015-02-25 11:30:03

css
回复: 0

盒子模型,也叫做框模型。 是css中最重要的概念。

每个元素都可以看成一个盒子,或者框。这里盒子来说明。

我们知道html是树状的结构,有一个根节点。 html 有两个子节点 head, body

使用盒子来说明就是 有个大盒子 html, 里面有两个小的盒子 head, boby, 当然 head, 和 body 里面还有更小的盒子。 (盒子套盒子)

每一个盒子,有四层组成。

从外到内是  外边框(margin) 内边框 (border) 填充 (padding) 内容。

通常说的 盒子的宽度是 内容的宽度,但是 ie6中是全部的宽度。


#3 css交流 » css中引用外部样式文件 » 2015-02-25 10:46:39

css
回复: 0

第一种方式

<link href='css.css' rel='stylesheet' type='text/css'>

第二种方式

<style>
   @import url('css.css');
</style>

第二种方式的效率要第一第一种方式的

#4 css交流 » css中的伪类 » 2015-02-25 10:37:32

css
回复: 0

伪类和正常的类是不同的, 是需要触发的, 需要一些动作把正常的元素变成伪类的元素。

这些动作包括,点击、获得焦点(focus)、悬浮(hover), 连接 (link)

最长常见的就是对于超链接的处理。

访问前是什么颜色,鼠标移动上是什么颜色, 访问后是什么颜色。


伪类为的使用方式

和正常的css选择符一样,只是后面加上冒号和'动作'(link, visited, hover, active, focus)

link -- 表示如果是个超链接就出现这个样式

visited -- 一个超链接访问过后出现这个样式。

hover -- 把鼠标放上去后出现该样式

focus -- 获得焦点的元素出现该样式

active -- 激活的瞬间出现该样式。这个和focus 有很大的区别。 focus 的时间更长。 active 是鼠标点击下去出现该样式, 如果松开这些样式就消失。


示例1

a:link { color: red} -- 表示连接红色

示例2

.red:active { color: red } 
<p class = 'red'>this is test</p>

如果点击 this is test 则字变成红色。


备注;由于兼容性上面示例在谷歌浏览器可以通过。其他的没有测试。

总结: 

伪类的选择器 有 link, visited, hover, foucs, active

鼠标点击的伪类是 active 点击就是激活


#5 css交流 » css 中的 line-height » 2014-12-20 14:40:22

css
回复: 0

line-height 是用来设置行间的距离。 也就说两行文字之间的距离。 

最长用的方法是 让字体上下居中。

比如 一个容器的高是 15px;

可以用

 line-height: 15px;

 这个时候,刚好是居中的。上下居中的。

可以可以用 x% . 这里需要注意的地方是 ,这个百分比是  基于当前文字的百分比(!!!) 不是基于容器的百分比。

页脚

Powered by FluxBB