CSS__I。CSS是层叠样式表CascadingStyleSheet是用于实现对布局、字体、颜色、背景和其它网页效果实现更加精确的控制,其主旨就是将显示内容和显示的样式定义分离。CSS样式表既可以定义在HTML文档内部,也可以作为附加文档定义在文档外部。一个样式表可以作用于多个页面,甚至整个站点,一个HTML文件也可以引用多个CSS样式表中的样式定义。因此,样式表具有更好的易用性和扩展性。(Linkedstyles)基本格式:<linkrel="stylesheet"href=""type="text/css">说明:先建立外部样式表文件(.css),然后使用HTML的link对象进行链接。h1{color:green;font-family:impact}p{background:yellow;font-family:courier}然后,在<head>内使用<link>标记:<linkrel="stylesheet"href=""type="text/css">(Embeddedstyles)基本格式:<styletype="text/css"><!--...--></style>Eg:<styletype="text/css"><!--body{color:black}h1{font:15pt"黑体";font-weight:bold;}p{font:9pt"宋体";background:#c0e0e0;}--></style>(InlineStyles)基本格式:<tagstyle="property1:value1;property2:value2;...">说明:内联定义即在对象的标记内,使用对象的style属性定义适用的样式表属性。Eg:<pstyle="background:silver;font-family:宋体;font-size:12px">“继承”与“覆盖”原则来解决样式冲突问题。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义,而通常最接近目标的样式定义优先权越高。样式表优先级一般原则:内联在线定义样式(Inlinestyles)的优先级最高缺省浏览器样式(Defaultbrowserstyles)的优先级最低当内部常规定义样式(Embeddedstyles)与外部链接样式(Linkedstyles)同时存在,接近目标的样式优先权高。”就近”原则Eg:p{font-family:Times;color:red;}I{font-family:Impact}<p>Ithink<I>Garden</I>isDavid'sbestnovel.</p>说明:由于“继承”原则,Garden的颜色为红色显示,由于“覆盖”原则,Garden的字体为Impact显示。:Selector{property:value;}说明:属性和属性值之间用冒号(:)隔开,各定义之间用分号(;)隔开。Selector : 是选择符,指明应用此样式代码的对象。可以是(X)HTML标记、自定义的id或者class对象。property : 样式属性,如:大小、颜色、定位、边框等。value : 样式属性值,常见形式有一定范围的可选值或带有单位的数值。eg:P{background:yellow;font-family:courier}/*……*/为代码加上注释。eg:{color:green}/*greenforthefirstparagraphofeverypage*/(1)区分大小写在XHTML
CSS I 来自淘豆网m.daumloan.com转载请标明出处.
