CSS和HTML的结合方式

短命女 2021-06-24 16:10 410阅读 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 条评论，410人围观）

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

相关阅读

相关 HTML 和 CSS

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

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

相关 JS和HTML结合

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

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

相关 HTML与CSS的链接方式

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

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

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

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

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

相关 HTML加入CSS的几种方式

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

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

相关 SpringMVC和Spring的结合方式二

用注解的方式结合SpringMVC和Spring CatController.java package com.bwf.controller;

我就是我/ 2022年05月11日 03:56/ 0 赞/ 118 阅读

相关 SpringMVC和Spring的结合方式一

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

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

相关 HTML和CSS

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

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

相关 CSS--CSS与JavaScript的结合

前言 CSS与JavaScript的结合是非常紧密的，所以在这方面我们需要好好的学习，接下来我将用一个例子来介绍CSS如何和JavaScript结合使用的。内容

桃扇骨/ 2021年09月27日 05:30/ 0 赞/ 272 阅读

相关 CSS和HTML的结合方式

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

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