网咖网址导航,网咖分类目录,网址目录,免费收录国内外、各行业优秀网站网站。

您好,歡迎來到網咖網址導航!
*
大眾美圖 |12個完全免費可以發外鏈網站當前位置:網咖網址導航 » 站長資訊 » 資訊文章 » 建站技術 » 文章詳細 訂閱RssFeed

css和html的四種結合方式

來源:本站原創 瀏覽:144次 時間:2020-08-21

(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的四種結合方式

推薦站點

  • urllib網址分類目錄urllib網址分類目錄

    urllib網址分類目錄-免費專業的網址、網站、URL分類目錄_提交網址、網站、URL到我們的網站。

    www.urllib.net
  • 網上分類目錄網站網上分類目錄網站

    網上分類目錄網站,網址目錄,免費收錄國內外、各行業優秀網站.免費收錄網站、網址,免費提交你的網站.

    www.wangshangyule.cn
  • URL網址分類目錄URL網址分類目錄

    URL網址分類目錄,優秀網站目錄分享網站價值,提供中文網站URL網址目錄網站提交,網站收錄,網址大全,目錄檢索,網站關鍵字搜索功能,URL網址分類目錄歡迎您登錄提交網站 歡迎廣大的站長朋友來到URL網址分類目錄提交貴網站,URL網址分類目錄涵蓋面廣、分類細致、查找方便快捷、版面整潔、安全綠色網站;精挑細選各類網站,為用戶提供最優質的網站分類目錄服務。

    www.urllibrary.com
  • 網站庫網站庫

    網站庫 網站庫網站分類目錄-免費收錄網站、網址,免費提交你的網站、網址到網站庫,網站免費收錄,網址提交,網址提交入口,網站網址大全,

    www.wangzhanku.cc
  • 360網址分類目錄360網址分類目錄

    360網址分類目錄-免費外鏈、免費網址收錄、免費網站收錄,完全免費網址目錄收錄平臺. Understanding China Chinese political,China Entertainment,bizChina,Chinese cuisine,Chinas beautiful scenery,Chinese beauty,時政新聞,娛樂新聞,中國財經,中國美食,中國美景,中國美女,

    www.yuwang360.com
  • 菜鳥運維網菜鳥運維網

    菜鳥運維網 菜鳥運維網,是集初級小白學習的運維網站,網站涵蓋:IT運維,系統運維windows,linux,mac os, 網絡運維,開源CMS,IT規章制度,科技信息等。

    www.wangzhiku.net.cn
主站蜘蛛池模板: 上海消防器材|水雾喷头|水幕喷头|螺旋喷头|雾化喷头|泡沫喷头 - 上海舜丹消防设备有限公司 | 机械智能停车设备_智能机械式立体停车库_立体车库停车设备租赁_山东科博机械车库 | 山东健泽医疗科技有限公司-官网_深呼吸训练器_肋骨固定板_放疗定位膜耗材生产厂家招商 | 精细筛-振动筛-滚筒筛-摇摆筛-平面回转筛-筛分机械设备-新乡德科筛分机械公司 | 温湿度变送器_pm2.5传感器_湿敏电阻_二氧化碳传感器_甲醛传感器-美特瑞科技 | 中科盛世酒窖 - 酒窖设计_酒窖工程_酒窖空调设备_恒温酒柜定制_私人别墅家庭酒窖_不锈钢红酒柜_实木雪茄柜 | 南京货架|仓库货架|货架公司|仓储货架工厂批发定做-南京苏正科技实业公司 | 沈阳东鹰实业有限公司【官网】-聚氨酯清扫器-胶带输送机保护装置 | 中科盛世酒窖 - 酒窖设计_酒窖工程_酒窖空调设备_恒温酒柜定制_私人别墅家庭酒窖_不锈钢红酒柜_实木雪茄柜 | 网带窑,催化剂网带窑,电热回转窑-淄博圣元窑炉工程有限公司 | 数控钢筋弯箍机_数控钢筋弯曲中心_数控钢筋笼滚焊机厂家_山东佳信 | 威海木箱,威海木托盘,威海免熏蒸包装箱-威海耀晟木制品有限公司 威海华东数控股份有限公司 | 南洋电缆_南洋电线电缆_广州南洋电缆集团有限公司 | 泰安铭德机械有限公司,有机肥设备,山东有机肥设备厂家,铭德机械 泰安华特玻璃钢有限公司|泰安玻璃钢|泰安华特玻璃钢 | 陕西筱润智能科技有限公司 干部人事智能档案柜 智能密集架 智能档案柜 部队选层文件智能柜 智能枪弹柜 财务智能档案柜 边防武警智能密集架 医院智能档案柜 部队选层文件智能柜智能枪弹柜 学校医院文件柜 企事业单位公检法智能文件柜 生产厂家-筱润智能科技有限公司 RFID射频智能密集架 全自动智能选层档案柜 智能密保柜 枪柜部队营房营具床桌椅办公家具 办公用品档案盒设备货架 全自动智能选层柜生产厂家-筱润智能科技有限公司 | 廊坊微信营销,廊坊小程序开发,廊坊APP开发(安卓_苹果ios开发),微信朋友圈广告,百度推广,廊坊网络公司品牌服务商-河北盛秋网络科技有限公司 | 郑州离婚律师|婚姻律师在线咨询-河南锦盾律师事务所 | 郑州空气能热水器,郑州空气能热水器经销商,郑州空气能热水器维修,郑州空气能热水器安装 | 气体报警器,有毒气体报警器,可燃气体探测器,乙炔气体报警器,可燃气体检漏仪,便携式气体检测仪,气体报警控制器-山东如特安防设备有限公司 | 小型加油机价格- 柴油加油机多少钱一台 | 廊坊纳科新材料技术有限公司--纳科新材料技术有限公司|廊坊纳科新材料|纳科新材料技术 | 无塔供水_无塔供水设备_全自动_石家庄工泉水处理设备有限公司_家用无塔供水器 | 曙海培训-ZEMAX培训射频培训无线电培训GMS培训EMC培训电磁兼容性培训Maxwell培训欧姆龙培训procast培训可靠性培训光学培训工业机器人培训NI培训Linux培训5G培训Hadoop培训CFD培训 | 芜湖藦卡机器人科技有限公司 | 苏州交通设施_道路划线_停车场划线_厂区划线_环氧地坪厂家-推荐【飞扬市政交通设施公司】专注交通设施8年! | 绿夏技术导航 - 收录精选资源及优质站点网址! | 深圳店铺装修-连锁店装修-深圳标榜装饰设计 | 在线腐蚀率仪,在线污垢热阻仪,靶式光源仪-北京同德创业科技有限公司 | 炸鸡汉堡设备厂家-开汉堡炸鸡店需要的设备全套-广州英迪尔电器有限公司 | 消防施工,消防工程施工,消防施工改造-北京消防工程公司-亿杰(北京)消防工程有限公司 | 全自动灌装机械设备-迈驰粉末/颗粒/液体/膏体灌装机械设备流水线生产厂家 | 浙江民数科技有限公司| 联塑管代理,联塑管厂家批发,中财管总代理,康泰管代理,康泰管厂家批发-邯郸市中枢贸易有限公司 | 金属剪切机,金属打包机,废钢剪切机,废铁压块机,金属压块机,废纸打包机,重废龙门剪,废钢龙门剪,箱式剪,液压剪切机-瑞顿机械装备制造江阴有限公司 | 免费的动态思维导图软件,脑图大师,思维导图制作软件 - 万彩脑图大师官网 | 菏泽代理公司|菏泽代办公司|菏泽公司注册|公司变更注销 | 玉米脱皮制糁机-玉米深加工机械价格-玉米糁加工机器设备-玉米渣加工成套设备-河南粮院 | 箱式污泥采样器-全自动旋转振荡器-恒温石墨电热板-常州亿通分析仪器制造有限公司 | 活性氧化铝球-活性氧化铝干燥剂厂家价格-3A-5A分子筛-巩义市亿洋水处理材料有限公司 | 上海办公室租赁-写字楼出租、创意产业园区厂房招商、孵化器众创联合办公空间出租网 | 拉力机|拉力试验机|拉力测试机厂家-苏州天氏库力精密仪器有限公司 |