CSS_01_css和html的结合1、2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
    css和html相结合（div、span、p等等）：<BR />
    1、每个html标签中都有一个style样式属性，该属性的值就是css代码，每个代码之间用";"隔开
    <BR />
    <div style="background-color:#00C; color:#6C9">同样div定义01次，复用性差</div>
    <BR />
    <div style="background-color:#00C; color:#6C9">同样div定义02次，复用性差</div>
    <BR />

    2、使用style标签方式，style样式，应放在head标签中，表明页面在加载时，就加载样式
    <BR />
    <style type="text/css">
        div{
            background-color:#000;
            color:#FFF
            }
    </style>
    <div>同样div<bR />定义整体样式01次，复用好差</div>

    <BR />
    <span style="background-color:#000; color:#09C">span：区域：局部定义</span>
    <BR />

    <style type="text/css">
        span{
             background-color:#C93;
             color:#0F0
            }
    </style>
    <span>span：区域：整体部定义</span>

    <BR />
    <p style="background-color:#900; color:#6FF">
        p：段落同样可以定义css样式
    </p>
</body>
</html>

分别定义了div层的样式，span区域的样式，p段的样式。

可以定义局部的，可以定义全局的。全局的样式定义最好在head标签中定义，表明页面一加载就加载样式。

时间： 2024-09-29 00:44:08

CSS_01_css和html的结合1、2的相关文章

CSS_01_CSS和html结合的方式3、4

第01步:编写第01个css样式:div.css @charset "utf-8"; /*第01步:定义div:背景色.字体颜色*/ div{ background-color:#99C; color:#006 } 第02步:编写02个css样式:p.css @charset "utf-8"; /*第02步:定义p:背景色.字体颜色*/ p{ background-color:#600; color:#0F0 } 第03步:编写03个css样式:span.css @