• 嫁入蒋家的历代媳妇个个是美女 2019-04-18
  • 大国担当!中国引领全球气候治理(在习近平新时代中国特色社会主义思想指引下——新时代新作为新篇章) 2019-04-10
  • Dior 20172018秋冬高级定制系列 2019-04-08
  • 一孕真的会“傻三年”?这是多因素影响的结果 2019-04-08
  • 探访济南密林深处的神秘小站 五七车站能否开放暂未知 ——凤凰网房产济南 2019-04-05
  • 增城区荔城街举办融合社区建设成果展 2019-04-03
  • 【学习时刻】中央党校赵磊:构建新型国际关系是中国特色大国外交的主旋律 2019-04-03
  • 李宝善社长会见新加坡驻华大使罗家良一行 2019-03-31
  • 端午节粽飘香!怎么吃粽子不发胖?习俗暗藏养生精髓 2019-03-31
  • 学诚法师:心中没有是非 不等于是非不分 2019-03-31
  • 栾蕾英亮相TOP100时尚盛典 盛装亮相仙气十足 2019-03-30
  • 深入把握数字创意产业“有核无边”特征 2019-03-30
  • “互联网+农村”亟待提速 网络入户遇两大难题 2019-03-30
  • 从芝加哥到洛杉矶 横跨八大州只为穿越66号公路 2019-03-29
  • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-03-29
  • 源码动态 源码评测 源码技巧 网站运营 网页制作 网站开发 安全相关 软件教程 IDC资讯 业界消息
    高级搜索
    关键字:Discuz!  Axure  团购系统
    最新更新发布资源提建议收藏本站
    当前位置:广东好彩36开奖结果 > 资讯报道 > 网站运营 > css和html的四种结合方式

    福建体彩36选7中四个:css和html的四种结合方式

    作者:yezheng来源:未知浏览:次时间:2018-11-02 16:35我要评论
    这篇文章主要介绍了css和html的四种结合方式,需要的朋友可以参考下

    广东好彩36开奖结果 www.vr963.com (1)在每个HTML标签上面都有一个属性 style,把css和HTML结合在一起   

    <div style="background-color:red;color:blue;">我是一只小小鸟</div>

    (2)使用HTML的一个标签实现,<style>标签:写在head里面

    <style type="text/css">

    css代码;

    </style>

    <style type="text/css">

    div {

    background-color:red;

    color:gray;

    }

    </style>

    (3)在style标签里面 使用语句(在某些浏览器下不起作用)

    @import url(css文件路径);

    - 第一步:创建一个css文件

    <style type="text/css">

    @import url(div.css);

    </style>

    (4)使用头标签link,引入外部css文件

    - 第一步:创建一个css文件

    - <link rel="stylesheet" type="text/css" href="div.css"/>

    *** 第三种结合方式缺点:在某些浏览器下不起作用,一般使用第四种方式

    *** 优先级(一般情况)

    由上到下,由外到内,优先级由低到高

    *** 后加载的优先级高

    *** 格式 选择器名称 {属性名:属性值; 属性名:属性值; ......}

    完整代码:

    <html>

    <head>

    <title>World</title>

    <style type="text/css">

    div {

    background-color:gray;

    color:white;

    }

    </style>

    </head>

    <body>

    <div style="background-color:red;color:blue;">我是一只小小鸟

    </div>

    <div>愿有岁月可回首,且以深情共白头!</div>

    </body>

    </html>

    <html>

    <head>

    <title>World</title>

    <style type="text/css">

    @import url(div.css);

    </style>

    </head>

    <body>

    <div>愿有岁月可回首,且以深情共白头!</div>

    </body>

    </html>

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>world</title>

    <link rel="stylesheet" type="text/css" href="div.css"/>

    </head>

    <body>

    <div>愿有岁月可回首,且以深情共白头!</div>

    </body>

    </html>

    总结

    以上所述是小编给大家介绍的css和html的四种结合方式,希望对大家有所帮助

     

    相关文章
    网友对“css和html的四种结合方式”的评论
    资讯分类
    本类热门资讯
    • 源码推荐
    • 软件推荐
    关于我们联系我们发布资源广告服务合作伙伴网站地图版权声明与我们对话
  • 嫁入蒋家的历代媳妇个个是美女 2019-04-18
  • 大国担当!中国引领全球气候治理(在习近平新时代中国特色社会主义思想指引下——新时代新作为新篇章) 2019-04-10
  • Dior 20172018秋冬高级定制系列 2019-04-08
  • 一孕真的会“傻三年”?这是多因素影响的结果 2019-04-08
  • 探访济南密林深处的神秘小站 五七车站能否开放暂未知 ——凤凰网房产济南 2019-04-05
  • 增城区荔城街举办融合社区建设成果展 2019-04-03
  • 【学习时刻】中央党校赵磊:构建新型国际关系是中国特色大国外交的主旋律 2019-04-03
  • 李宝善社长会见新加坡驻华大使罗家良一行 2019-03-31
  • 端午节粽飘香!怎么吃粽子不发胖?习俗暗藏养生精髓 2019-03-31
  • 学诚法师:心中没有是非 不等于是非不分 2019-03-31
  • 栾蕾英亮相TOP100时尚盛典 盛装亮相仙气十足 2019-03-30
  • 深入把握数字创意产业“有核无边”特征 2019-03-30
  • “互联网+农村”亟待提速 网络入户遇两大难题 2019-03-30
  • 从芝加哥到洛杉矶 横跨八大州只为穿越66号公路 2019-03-29
  • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-03-29
  • 二分彩怎么玩 淘彩网真的假的 彩票走势图 北京赛车开奖记录pk 浙江体彩20选5开奖走势图 足彩胜负彩投注器 重庆时时彩开奖结果 上海时时彩十一选五开奖结果走势图 福彩3d走势图带连线彩宝网 刮刮乐买一本亏还是赚 湖南幸运赛车开奖记录 混合过关三串一 重庆百变王牌规律 河北体彩20选5走势图 p3开机号牛材网 彩票有规律么