黑马程序员---CSS

来源：互联网发布：网络系统集成技术编辑：程序博客网时间：2024/06/16 06:05

----------------------Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

常用的样式属性

根据样式代码的位置，分为三类：

行内样式<p style=“color:#FF00FF; font-family:隶书; font-weight:bold; font-size:24px">android培训、java培训、期待与您交流！</p>

内嵌样式

行内样式表局限于某个标签，如果希望本网页内的所以同类标签都采用统一样式，这时应采用内嵌样式

<STYLE TYPE="text/css" >
P
{
font-size:20px;
color:blue;
text-align:center
}
</STYLE>

根据选择器的不同，内嵌样式又分为：
HTML 选择器

<HEAD>
<STYLE type="text/css">
P { /*设置样式：字体和背景色*/
font-family: System;
font-size: 18px;
color: #3333CC;
}
H2 {
background-color: #CCFF33;
text-align: center;
}
</STYLE>


CLASS 类选择器

<STYLE type="text/css">.myinput{border: 1px solid;border-color:#D4BFFF;color:#2A00FF}</STYLE>


ID 选择器

<STYLE TYPE="text/css">
#fire
{
color:red;
font-size: 24px;
}
</STYLE>

特殊的选择器

<STYLE type="text/css">
A
{ /*设置超链接不带下划线*/
color: blue;
text-decoration: none; /*文本修饰：无*/
}
A:hover
{/*鼠标在超链接上方停留时，带下划线*/
color: red;
text-decoration:underline; /*文本修饰：下划线*/
}
</STYLE>

外部样式

根据样式文件与网页的关联方式又分为：
链接（LINK）外部样式表

使用LINK（链接）标签，语法：
<HEAD>
<LINK rel = “stylesheet” type = ”text/css” href = ”样式表文件.css” >
</HEAD>

导入（import）外部样式表

使用@import导入，语法：
<HEAD>
<STYLE TYPE="text/css">
@ import 样式表文件.css;
</STYLE>

行内样式表、内嵌样式表、外部样式表各有优势，实际的开发中常常需要混合使用：有关整个网站统一风格的样式代码，放置在独立的样式文件*.css 某些样式不同的页面，除了链接外部样式文件，还需定义内嵌样式某张网页内，部分内容”与众不同“，采用行内样式

对于某个HTML标签：1）如果有多种样式，如果规定的样式没有冲突，则叠加；2）如果有冲突，则最先考虑行内样式表显示，如果没有，再考虑内嵌样式显示，如果还没有，最后采用外面样式表显示，否则就按HTML的默认样式显示；

---------------------- Windows Phone 7手机开发、.Net培训、期待与您交流！ ----------------------

详细请查看：http://net.itheima.com/