<!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. FTS抓包看蓝牙的SDP整个过程

    1.概述   SDP是蓝牙的Service Discovery Protocol,用来发现远程设备能够提供的Service.它只负责发现对方支持的Service,不负责Service的具体实现.   ...

  2. .NET同页面内用户控件与父页面以及控件之间方法调用

    用户控件调用父页面的方法: //获得父页面 Page p =this.Parent.Page; Type pageType = p.GetType(); //父页面的方法名 MethodInfo mi ...

  3. 远程通知APNs（Apple Push Notification Server）

    推送通知是由应用服务提供商发起的,通过苹果的APNs(Apple Push Notification Server)发送到应用客户端.下面是苹果官方关于推送通知的过程示意图: 推送通知的过程可以分为以 ...

  4. GDB多线程调试

    一.多线程调试1. 多线程调试,最重要的几个命令:info threads                        查看当前进程的线程.                              ...

  5. .Net程序员安卓学习之路3：Post数据给网络API

    本例我们实现一次真正的网络交互,将数据POST到API,然后接收服务器的返回值进行处理,同时引入自定义类型和传说中阿里的FastJson. 实现思路如: 1. 在API端接收客户POST的数据还原成对 ...

  6. Top 10 Free Wireless Network hacking/monitoring tools for ethical hackers and businesses

    There are lots of free tools available online to get easy access to the WiFi networks intended to he ...

  7. js保留n位小数

    1.功能:将浮点数四舍五入,取小数点后2位 function toDecimal(num) { var f = parseFloat(num); if (isNaN(f)) { return; } f ...

  8. cannot open /proc/bus/usb/devices, No such file or directory

    由于kernel config中没有打开对应的配置. make menuconfig 选择: Device Drivers ---> [*] USB support ---> [*] US ...

  9. break , continue , exit

    break , continue , exit 例一:#!/bin/bash . /etc/init.d/functions `;do ];then #continue #没有数字3 break #e ...

  10. Flask 与 Celery 在 windows 下的集成问题

    Flask 与 Celery 在 windows 下的集成问题 所有的 Web 框架内部的视图中不适合执行需要长时间运行的任务,包括 Flask .Django 等.这类型的任务会阻塞 Web 的响应 ...