随笔分类 -  CSS

css特性描述
CSS样式说明
摘要：a.hover 表示所有class为hover的a标签a:hover 表示给a标签设置鼠标滑过的样式.hover a 表示class为hover元素内部的a标签.hover,a 表示所有class为hover的标... 阅读全文
posted @ 2015-05-15 10:41 萍踪侠影B302 阅读(160) 评论(0) 推荐(0)
a标签的样式
摘要：a:link {/* 未访问的链接 */ color:red; }a:visited {/* 已访问的链接 */ color:red; }a:hover {/* 鼠标移动到链接上 */ color:red; }a:active {/* 选定的链接 */ color:red; }在 ... 阅读全文
posted @ 2015-05-14 18:49 萍踪侠影B302 阅读(201) 评论(0) 推荐(0)
CSS3的> 和@
摘要：#quickSummary p{color:red;}#quickSummary >p+p{color:red;}#quickSummary>p+p+p{color:inherit;} 这段代码中的>表示的是选择quickSummary所有p子元素，这个是CSS3特有的选择器，E > F表示选择E... 阅读全文
posted @ 2015-05-14 18:32 萍踪侠影B302 阅读(227) 评论(0) 推荐(0)
CSS中的position定位
摘要：CSS定位有4中类型：通过position属性设置http://www.w3school.com.cn/cssref/pr_class_position.aspstatic：默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）relative... 阅读全文
posted @ 2015-04-10 19:51 萍踪侠影B302 阅读(185) 评论(0) 推荐(0)
CSS导航栏
摘要：CSS导航栏：http://www.w3school.com.cn/css/css_navbar.asp#导航栏基本上是一个链接列表，因此使用 和 元素是非常合适的： 1 水平导航栏：（此例子中链接的宽度不同） 2 3 4 5 34 水平导航栏2：HomeNewsContactAbout水... 阅读全文
posted @ 2015-04-10 19:50 萍踪侠影B302 阅读(311) 评论(0) 推荐(0)
div和span的区别
摘要：div是块级元素,不会其他元素在同一行;span是内联元素~可以与其他元素位于同一行.DIV是块元素，而SPAN是行内元素(也译作内联元素)。1.所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。2.块元素和行内元素也不是一成不变的，通过定义CSS的display属性值可以互相转化。给... 阅读全文
posted @ 2015-04-09 10:29 萍踪侠影B302 阅读(380) 评论(0) 推荐(0)
CSS派生选择器
摘要：功能：　在css中，需要根据类名、对象ＩＤ、元素名进行定位的情况下，可以使用派生选择器进行定位！语言基础总结：１. 在需要指定元素或对象ＩＤ或类属性名的情况下，写法是元素在前，对象ＩＤ或类元素名在后，２.　在须同时指定类名和ＩＤ名的情况下，两者不分先后，但元素名在前３.　中间的空格表示后代元素例子... 阅读全文
posted @ 2015-04-09 10:14 萍踪侠影B302 阅读(259) 评论(0) 推荐(0)
CSS中块级元素和行内元素
摘要：文档流将窗体自上而下分成一行行， 并在每行中按从左至右的顺序排放元素，即为文档流。每个非浮动块级元素都独占一行， 浮动元素则按规定浮在行的一端。 若当前行容不下， 则另起新行再浮动。内联元素也不会独占一行。 几乎所有元素(包括块级，内联和列表元素）均可生成子行， 用于摆放子元素。有三种情况将使得元素... 阅读全文
posted @ 2015-04-09 09:45 萍踪侠影B302 阅读(261) 评论(0) 推荐(0)