css

<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">
<!--
@import"my.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(默认值显示)

你可能感兴趣的:(css)