<!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. pro10

    1.本次课学习到的知识点: 什么是数组?为什么要使用数组?如何定义数组? 如何引用数组元素? 2. 实验过程中遇到的问题及解决方法: 在最后一个试验中,在输出最大小标那里进行了仔细的思考,刚开始思考应 ...

  2. HIVE中的几种排序

    1.order by:全局排序 select * from emp order by sal; 2.sort by:对于每个reduce进行排序 set mapreduce.job.reduces=3 ...

  3. Mars 是微信官方的终端基础组件，是一个使用 C++ 编写的业平台性无关的基础组件

    http://www.oschina.net/p/wechat-mars http://www.oschina.net/news/80453/wewechat-open-source-plan

  4. C#访问url地址并返回数据

    public partial class Form1 : Form { static bool isSelect = false; public Form1() { InitializeCompone ...

  5. response.setCharacterEncoding方法未定义

    代码一搬家,就报这错.之前几次稀里糊涂搞好忘记总结. 问题原因: 项目中用到Tomcat和weblogic.jar包,先引入weblogic.jar包时,HttpServletResponse下的se ...

  6. express 查看版本号

    新安装了express,但是当查看版本号输入: express -v 时出现如下错误: 网上查找了相关资料才发现express查看版本 的命令是 express -V (即V大写) 再次尝试: 发现同 ...

  7. ArcGIS API for Silverlight地图加载众多点时，使用Clusterer解决重叠问题

    原文:ArcGIS API for Silverlight地图加载众多点时,使用Clusterer解决重叠问题 问题:如果在地图上加载成百上千工程点时,会密密麻麻,外观不是很好看,怎么破? 解决方法: ...

  8. js判断是否为空火undefined是否给undefined加引号

    js判断是否为空为undefined如果判断的是类型则用typeof(),如果其本身就是“undefind”字符窜,则不能这样判断, 这样typeof之后是字符串类型就判断不出来了,这是需要去掉typ ...

  9. JavaScript实现在textbox输入时自动去数据库匹配并找出类似值列出，选择后记得将值填入本textbox及下一个textbox

    1. <script src='<%= Application["rootURL"] %>JS/jquery-1.4.1.min.js' type="t ...

  10. python chr() unichr() ord()

    了解一下python chr(),unichr(),ord()函数的用法. 参考链接: http://crazier9527.iteye.com/blog/411001 chr() 输入参数(取值范围 ...