博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

随笔分类 -  【03】《精通CSS:高级Web标准解决方案》

摘要:1、盒模型概述 盒模型是CSS的基石之一,它指定元素如何显示以及如何相互交互。页面上每个元素被看做一个矩形框,这个框由元素的内容、内编剧、边框和外边距组成。 内边距出现在内容区域的周围。如果在元素上添加背景,那么背景会应用于内容和内边距组成的区域。 内边距、边框和外边距都是可选的,默认值为零。 在CSS中,width和height指的是内容区域的宽度和高度。假设框的每个边上有10px的外边距和5像素的内边距,如果希望这个框达到100px宽,就需要将内容的宽度设置为70px。#myBox{margin:10px;padding:5px;width:70px;}View Code 外边... 阅读全文

posted @ 2013-05-14 22:39 GISerYang 阅读(183) 评论(0) 推荐(0)

摘要:1、常用的选择器 最常用的选择器类型:类型选择器和后代选择器。类型选择器用来寻找特定类型的元素;后代选择器由其他两个选择器之间的空格表示。例如: 类型选择器:View Code p{ color: black;}h1{font-weight: bold;} 后代选择器:选择一个元素的所有后代View Code p h1{padding-left: 2em;} ID选择器由一个#字符表示,类选择器由一个点号表示。例如:View Code #intro {font-weight:bold;}.date-posted {color: #ccc;}<p id="intro"& 阅读全文

posted @ 2013-05-11 22:03 GISerYang 阅读(169) 评论(0) 推荐(0)