CSS和HTML的结合方式

短命女 2021-06-24 16:10 599阅读 0赞

# CSS和HTML的结合方式 #

*  **每一个HTML标签上都有一个属性style，把css和HTML结合在一起。**
    
        <div style="background-color:red; color: green;">
        	电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉
        </div>
 *  **使用html的一个标签实现<style>标签，写在<head>里面。**
    
        <head>
        	<style type="text/css"> div { background-color: red; color: green; } </style>
        </head>
        
        <body>
        	<div>
        		电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉
        	</div>
        </body>
 *  **在style标签里面使用语句 `@import url(css文件的路径)`**  
    **这种方式在某些浏览器下不起作用，不建议使用。**  
    HTML文件：
    
        <html>
        	<head>	
        		<style type="text/css"> @import url("div.css"); </style>
        	</head>
        	<body>
        		<div>
        			电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉
        		</div>
        	</body>
        </html>
    
    CSS文件： div.css
    
        div{ 
        	background-color: red;
        	color: green;
        }
 *  **使用头标签<link>，引入外部css文件**  
    **这种方式使用的最广泛。**  
    HTML文件：
    
        <html>
        	<head>
        		<link rel="stylesheet" type="text/css" href="div.css"/>
        	</head>
        	<body>
        		<div>
        			电视一直闪 联络方式都还没删 你待我的好 我却错手毁掉
        		</div>
        	</body>
        </html>
    
    CSS文件：
    
        div{ 
        background-color: red;
        color: green;
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，599人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 和 CSS

HTML1.如何实现页面自动刷新1.页面自动刷新：把如下代码加入＜head>区域中＜meta http...

旧城等待，/ 2024年04月20日 22:04/ 0 赞/ 76 阅读

相关 html和Css

今天接到一個工作就是要通過頁面進行列印打印,遇見兩個問題,一個是table表格當出現在兩個頁面時會出現斷層的問題,2.table的標題頭的背景色在列印時無法展示打印.

痛定思痛。/ 2023年05月29日 06:26/ 0 赞/ 12 阅读

相关 html和css结合实现手机端网页自适应的代码

本篇文章给大家带来的内容是关于html和css结合实现手机端网页自适应的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 [web前端全栈资料粉丝福利（面

快来打我*/ 2023年02月17日 06:17/ 0 赞/ 9 阅读

相关 JS和HTML结合

(1)通过script标签引入在script标签内部可以直接书写js代码: <script> function maxuewei()\{ alert(1

向右看齐/ 2022年06月18日 06:55/ 0 赞/ 173 阅读

相关 HTML与CSS的链接方式

HTML与CSS的链接方式分类：一.行内式直接在标签后面添加该标签的属性值例如: <table bgcolor="black" cellspac

r囧r小猫/ 2022年06月16日 01:41/ 0 赞/ 191 阅读

相关 css和html的四种结合方式

css和html的四种结合方式（1）在每个html标签上面都有一个属性 style，把css和html结合在一起 \- <div style="background

淡淡的烟草味﹌/ 2022年05月28日 13:07/ 0 赞/ 223 阅读

相关 HTML加入CSS的几种方式

参考链接： [HTML与CSS的链接方式][HTML_CSS] [HTML_CSS]: https://blog.csdn.net/ruthywei/article/de

忘是亡心i/ 2022年05月18日 03:42/ 0 赞/ 246 阅读

相关 SpringMVC和Spring的结合方式一

案例：一个简单注册页，提交后到SpringMVC的Controller，它里面调用业务层注册方法（结合Spring），service层仅用spring的JdbcTempl

浅浅的花香味﹌/ 2022年05月11日 03:52/ 0 赞/ 165 阅读

相关 HTML和CSS

HTML HTML的全称是Hyper Text Mark-up Language,超文本标记语言。超文本：页面内可以包含图片，链接，甚至音乐，程序等非文字元素。

刺骨的言语ヽ痛彻心扉/ 2022年04月18日 04:09/ 0 赞/ 233 阅读

相关 CSS和HTML的结合方式

CSS和HTML的结合方式每一个HTML标签上都有一个属性style，把css和HTML结合在一起。 <div style="backg

短命女/ 2021年06月24日 16:10/ 0 赞/ 600 阅读