<!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标签中定义，表明页面一加载就加载样式。

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

  1. CSS_01_CSS和html结合的方式3、4

    第01步:编写第01个css样式:div.css @charset "utf-8"; /*第01步:定义div:背景色.字体颜色*/ div{ background-color:# ...

随机推荐

  1. Asp.net forms认证注意事项

    1.N台服务器配置文件的相关配置要一致 <authentication mode="Forms"> <forms timeout="3600" ...

  2. useful tools, excel import mysql,swagger

    http://www.th7.cn/Program/java/201602/765943.shtml------swagger http://blog.csdn.net/csfreebird/arti ...

  3. Windows下git使用代理服务器的设置方法

    在我朝独有的无敌GFW关照下(当然,也有可能IP被网站封了),要下载网络上开源的软件是非常困难的一件事情,在这种情况下,使用VPN或者代理服务器就非常有必要了.对于单个应用FQ来说,个人比较喜欢用FQ ...

  4. Express创建并运行node项目（Jade和EJS模版引擎）

    1.创建Node项目 [Jade模板] > express nodeJade express创建项目若不显示指定模板,默认使用Jade,以下写法都可以: express -jade nodeJa ...

  5. 【转】Android Canvas绘图详解（图文）

    转自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/1212/703.html Android Canvas绘图详解(图文) 泡 ...

  6. Buffer too small

    在项目中用到了CString,后来发现在Format的时候会报Buffer too small的错误,在网上查资料发现时这样的 CString output ; int size = m_NicInf ...

  7. 高性能Linux服务器 第11章 构建高可用的LVS负载均衡集群

    高性能Linux服务器 第11章 构建高可用的LVS负载均衡集群 libnet软件包<-依赖-heartbeat(包含ldirectord插件(需要perl-MailTools的rpm包)) l ...

  8. (copy) How to remote desktop a Fedora 19 from a Windows 7

    source: http://forums.fedoraforum.org/showthread.php?t=293665 Try xrdp or freerdpInstall xrdp or fre ...

  9. ZooKeeper常见问题(转)

    这段时间来,也在和公司里的一些同学交流使用zk的心得,整理了一些常见的zookeeper问题.这个页面的目标是解答一些zk常见的使用问题,同时也让大家明确zk不能干什么.页面会一直更新. 客户端 1. ...

  10. Power-BI助顾得医药济世康民

    公司简介成立于 2011 年 9 月 24 日,是一家主要以医院销售为主,集批发.配送.售后服务于一体的商业公司.现有药品储备面积 16000 平方米,开户医院 52 家,营销网络辐射山西省境内部分县 ...