随笔分类 -  前端之CSS2.0

CSS z-index 属性
摘要：定义和用法 z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 注释：元素可拥有负的 z-index 属性值。 注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！ 阅读全文
posted @ 2017-06-25 15:05 奋斗的少年WH 阅读(236) 评论(0) 推荐(0)
CSS------选择器-----------选择器的分组、属性选择器
摘要：/*!--选择器的分组--*/ .groupDiv h1,h2,h3,h4{ color: #000000; } /*------------------------属性选择器--*/ [title]{ color:red; } [border]{ border:1px solid red; } /*属性和值选择器*/ [title=h4title]{ border-color:b... 阅读全文
posted @ 2017-05-11 14:11 奋斗的少年WH 阅读(284) 评论(0) 推荐(0)
7CSS之超链接
摘要：访问链接标签 百度百科 a{ text-decoration:none;/*去掉下划线*/ } a:link{/*第一次访问前的字体颜色*/ color:blue; } a:hover{/*鼠标悬停时字体显示的字体颜色*/ color:green; text-decoration:line-through; } a:active{/*鼠标点击按下未松开时显示的字体颜色*/... 阅读全文
posted @ 2017-05-11 10:50 奋斗的少年WH 阅读(163) 评论(0) 推荐(0)
6CSS之文本
摘要：CSS文本:文本缩进(text-indent)、文本对齐(text-align)、文本修饰(text-decoration)、文本大小写(text-transform)、字符距离(letter-spacing) 阅读全文
posted @ 2017-05-10 16:49 奋斗的少年WH 阅读(237) 评论(0) 推荐(0)
5CSS之字体font-family
摘要：--------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------... 阅读全文
posted @ 2017-05-10 15:04 奋斗的少年WH 阅读(203) 评论(0) 推荐(0)
4CSS颜色和背景
摘要：---------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------... 阅读全文
posted @ 2017-05-10 11:44 奋斗的少年WH 阅读(157) 评论(0) 推荐(0)
3CSS基本语法
摘要：------------------------- --------------------------------------- -------------------------------- --> --> 内部样式表 优先级最高 --> 浏览器缺省样式：就是浏览器默认的样式，不同浏览器默... 阅读全文
posted @ 2017-05-10 11:00 奋斗的少年WH 阅读(302) 评论(0) 推荐(0)
2CSS层叠规则(即引入CSS的三种不同方式的优先级)
摘要：引入CSS 层叠规则 阅读全文
posted @ 2017-05-10 10:14 奋斗的少年WH 阅读(200) 评论(0) 推荐(0)
CSS发布时间
摘要：* 1996年W3C正式推出了CSS1.* 1998年W3C正式推出了CSS2.* CSS2.1是W3C现在正在推荐使用的.* CSS3现在还处于开发中. 阅读全文
posted @ 2017-05-09 22:16 奋斗的少年WH 阅读(580) 评论(0) 推荐(0)
1CSS简介
摘要：文章来源：http://baike.baidu.com/view/15916.htm http://blog.sina.com.cn/s/blog_6825af250100j796.html （一）层叠样式表 CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”） 阅读全文
posted @ 2017-05-09 22:05 奋斗的少年WH 阅读(297) 评论(0) 推荐(0)
CSS 样式的优先级(重要，一定要理解)
摘要：1. 同一元素引用了多个样式时，排在后面的样式属性的优先级高 例如，下面的 div，同时引用了 [.default] 和 [.user] 中的样式，其中 [.user] 样式中的 width 属性会替换 [.default] 样式中的 width 属性。 2. 样式选择器的类型不同时，优先级顺序为： 阅读全文
posted @ 2017-05-09 21:47 奋斗的少年WH 阅读(885) 评论(0) 推荐(0)
css为什么叫层叠样式表
摘要：层叠就是浏览器对多个样式来源进行叠加，最终确定结果的过程.css之所以有“层叠”的概念，是因为有多个样式来源。其中css样式来源有5个，分别是内联样式（<a style="">）,内部样式(<style></style>),外部样式（写在css文件中的样式），浏览器用户自定义样式，浏览器默认样式；按 阅读全文
posted @ 2017-05-09 21:33 奋斗的少年WH 阅读(1917) 评论(0) 推荐(0)
隐藏元素、浮动元素、定位元素
摘要：隐藏元素、浮动元素、定位元素 显示隐藏元素 1111111111111111AAAAAAA11111111 1111111111111111AAAAAAA11111111 1111111111111111AAAAAAA11111111 1111111111111111AAAAAAA11111111 1111111111111111AAAAAAA11111111 ... 阅读全文
posted @ 2016-11-14 16:34 奋斗的少年WH 阅读(648) 评论(0) 推荐(0)
focus、click、blur、display、float、border、absolute、relative、fixed
摘要：onfocus:获取焦点,点击时，按着不放 onclick:点击松开之后，未点击其他处 onblur:点击松开之后，又点击其他处 display:block,none,inline block：单独占据一行，与前后不在同一行 block：块对象的默认值。对象之后添加新行。 none：隐藏对象。隐藏的对象不占据物理空间。 inline：内联对象的默认值。对象后不添加行。 displa... 阅读全文
posted @ 2016-11-14 10:55 奋斗的少年WH 阅读(290) 评论(0) 推荐(0)
锚点、绝对定位---回到顶部
摘要：<html> <head> <meta charset="utf-8"> <title>锚点、绝对定位 回到顶部</title> <style> /*position:fixed;绝对定位*/ #image2{ margin-left:90%; margin-top:35%; position:fi 阅读全文
posted @ 2016-11-14 10:32 奋斗的少年WH 阅读(423) 评论(0) 推荐(0)
CSS之浮动元素
摘要：11111111 11111111 测试浮动元素 测试 11111111 11111111 11111111 11111111 11111111 11111111 布局页面，产生三列的效果--> ... 阅读全文
posted @ 2016-11-13 20:52 奋斗的少年WH 阅读(458) 评论(0) 推荐(0)
CSS之选择符、链接、盒子模型、显示隐藏元素
摘要：选择符、链接、盒子模型、显示隐藏元素 a:link 链接未访问前的样式red a:visited 链接已访问的样式black a:hover 鼠标悬停到链接的样式blue a:active 活动的链接，即是获得焦点的链接（比如点击鼠标左键不放）green ... 阅读全文
posted @ 2016-11-13 20:27 奋斗的少年WH 阅读(509) 评论(0) 推荐(0)
CSS之背景设置、字体设置、文本设置
摘要：单行文本框与多行文本框 margin-left表示距离当前窗口左边的距离--> CSS层叠样式表 阅读全文
posted @ 2016-11-13 19:41 奋斗的少年WH 阅读(624) 评论(0) 推荐(0)