css

来源：互联网发布：程序员常用的编辑器编辑：程序博客网时间：2024/05/21 12:45

<html>
<head><title>应用格式</title>
<style type="text/css">
p{/*选择器*/
font-size:字体大小；font-family:字体;text-align:文本对齐;border-style:边框样式：border-width:边框宽度；border-color:边框颜色；top:顶部边距left:左边距width:宽度height:高度；
}
<table style="color:red;margin-left:200px">.................</table>
行内样式
<p>内容<br><p style="color=#F00FF;font-family:字体">
</head>
</html>
内嵌样式
<style type="text/css">
p
{
font-size:20px;
color:blue;
text-align:center;
}
</stype>
</head>
<body>
<p>我是段落1</p>
<p>我是段落2</p>
</body>
内嵌样式-html选择器
<head>
<style type="text/css">
p{
/*设置样式：字体和背景色*/
font-family:System;
color:#CCFF33;
text-align:center;
}
</style>
</head>
<body>
<h2>品种特征方面：</h2>
<p>我是一段</p>
CSS的运用
<head>
<meta http-equiv="Conten-Style-Type"
cont="text/css">
</head>
内嵌样式 ID选择器
<head>
<style type="text/css">
#fire
{
color:red;
font-size:24px:
}
</style>
</head>
<body>
<h2 id="fire">我是二级，火是这样的</h2>
<p id="fire">我是段落，火是这样的</p>
</body>
CSS规定，范围越小，优先级越高。
id的优先级高于class级。
链接（link）导入（import）
<head>
</style>
<head>
<style type="test/css">

</style>
</head>
对于某个HTML标签：
1）如果有多种样式，如果规定的样式没有冲突，则叠加；
2）如果有冲突，则最先考虑行内样式表显示，如果没有，再考虑内嵌样式显示，如果还没有，最后采用外面样式表显示，否则就按HTML的默认样式显示；
CSS中的颜色是由红、蓝、绿3种颜色组合而成的，每一种颜色用数字0至255表示
in(英寸)cm(厘米)em(字高)mm（毫米）pt(点=1/72英寸)pc(pica点=12点)px(像素点)。
xx-small(极小)。x-small(较小)。small(小)。medium(标准大小)。large(大)。x-large（较大).xx-large(极大)
ormal(正常显示默认样式)italic(斜体显示文字)oblique(歪斜体（比斜体角度更大）)normal(正常粗细)bold(粗体)bolder(加粗体)lighter(细体)normal表示正常的字体，默认值就为这个字体. small-caps表示英文字体显示为小型的大写字母。font:font-style|font-variant|font-weight|font-size|font-family
调整字符间距--left-spacing;调整单词间距——word-spacing
添加文字修饰——text-decoration
设置文本排列方式——text-align
设置段落缩进——text-indent
调整行高——line-height
转换英文大小写——text-transform
underline(给文字添加下划线)；overline(给文字添加上划线)
line-through（给文字添加删除线）；bline(添加文字闪烁)
none(没有文本修饰只是默认)
设置段落缩进------text-indent;
调整行高------line-height;
转换英文大小写——text-transform:uppercase(所有字母大写)
lowercase(所有字母小写)capitaliae(是每个单词首字母大写）
none(默认值显示)