提莫大魔王的博客

喵喵··喵喵··喵喵喵喵

w3school css笔记

背景

背景图平铺Background-repeat:repeat-xy

背景图固定background-attachment:fixed

文本

文本缩进text-indent:5em

div居中<center>可以使包裹的元素在父元素内居中 h5不支持

字间隔:word-spacing

字母间隔:letter-spacing

字符大小写text-transform

空格:white-space:normal(默认:合并为一个空格)  pre:不会忽略空格和换行,按原来的样式显示

超链接的样式修改

a:link {color:#FF0000;}    /* 未被访问的链接 */

a:visited {color:#000000;} /* 已被访问的链接 */

a:hover {color:#FF00FF;}   /* 鼠标指针移动到链接上 */

a:active {color:#0000FF;}  /* 正在被点击的链接 */

margin的合并:

注释:只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并

定位:

CSS 相对定位

相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素相对于它的起点进行移动。

1)设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留

2)注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。

绝对定位

因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。

水平导航栏

li转换为行内元素li {display:inline}

a 设置paddinga:hover 设置不同的padding会有好玩的效果)

text-decoration:none去掉超链接下的横线

更改鼠标光标:

cursor:wait

cursor:pointer(小手)

hover

鼠标悬浮:

a:hover      img:hover

设置透明度:

opacity0

 

 

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_36547601/article/details/79970781
个人分类: css笔记
上一篇dom4j修改带有命名空间的xml文件
下一篇jquery 的validation使用
想对作者说点什么? 我来说一句

W3School离线手册(2017.03.11版).zip

2017年07月20日 21.5MB 下载

没有更多推荐了,返回首页

关闭
关闭