|
|
|
什么是CSS
CSS－Cascading Style Sheets
*CSS分类及优先级：
高：内嵌样式（Inline Style）
中：内部样式表（Internal Style Sheet）
低：外部样式表（External Style Sheet）
*内嵌样式
内嵌样式：以属性的形式直接在HTML标记中给出，用于设置该标记所定义信息的显示效果。
内嵌样式只对其所在的标记有效。
*举例：
<body style="background-color:#CCFFEE">
<p style="font-size:16px;color:red">第一段文字</p>
<p style="font-size:italic;font-size:20px;color:#bb22cc">第二段文字</p>
</body>
*内部样式
内部样式：在HTML页面的头信息元素<head>......</head>中给出，可以现时设置多个标记所定义信息的显示效果。
内部样式表只对所在的网页有效。
*举例：
<html>
<head>
<style type="text/css"
body{background-color:#ccffee}
p.mystyle1{font-size:20px;color:blue}
p.mystyle2{font-size:40px;color:#dd44aa;text-align:center}
</style>
</head>
<body>
<p class="mystyle1">第一段文字</p>
<p class="mystyle2">第二段文字</p>
</body>
</html>
*CSS基本语法
CSS样式主要由三部份组成：
选择器（Selector）
属性名（Property）
属性值（Value）
*举例：
p{color:#aa66cc}
h2{text-align:center;color:red}
h1,h3,h4,h5,h6,p.mystyle3{text-align:center;color:green}
*CSS注释：/*................*/
*CSS字体属性
CSS主要字体属性包括：
*font-family
设置字体类型,如：“Arial”,"宋体"，......
*font-size
设置字体大小，常用度量单位pt和px
*font-weight
设置字体“重量”，常用值为normal和bold
*font
综合设置上述各种字体属性
*CSS的长度单位
*绝对长度单位
in(英寸Inches(1in＝2.54cm))
cm()
mm()
pt(点Points(1pt=1/72in))
pc(皮卡Picas(1pc=12pt))
*相对长度单位
em(元素的字体高度)
ex(字母X的高度)
px(像素Pixels)
%(百分比percentage)
*DIV 标记
*DIV （division）是一个HTML标记，用于表示一块显示HTML信息的绝域。
*如果不使用任何CSS样式设置的话，div标记的效果标记p基本相同。
<div>第一段文字</div>
<div align="center">第二段文字</div>
*块元素和行元素
*HTML元素按其显示方式可分为“块级”（block）和“行内”（inline）元素两种：
*块级元素
前后换行，可设定块大小（宽度，高度）、块的定位、块边框、块间距、块内和块边框间空隙等。如：body,p,tr,td,div等。
*行内元素
位于当前行中，前后不换行，不单独定位。如：span元素。
*举例：
<p>一段文字中的<span style="font-size:20pt;color:red">一部份显示效果不同</span>,可采用span元素来实现。</p>
*可使用CSS的display属性设置/修改元素显示方式，其常用属性取值为：block、inline、none |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2011-10-18 20:23:55