css css的声明、外部引入

我会带着你远行 2021-07-24 16:14 467阅读 0赞

css的声明,如果三个声明都针对同一个标签，则最终显示最后一个声明的内容
     
     	在head标签中使用style标签声明**
     		声明当前网页的公共样式
     		
     	在标签上使用style属性进行声明：
     		此声明作用于当前标签
     		
     	在head标签中使用link标签引入外部声明好的css文件
     		相当于调用
     	
     	在css文件中引入其他css
     		import url('路径')

**在head标签中声明和在指定标签上声明示例:**

<html>
    	<head>
    		<title>css的声明</title>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>  <style type="text/css"> hr{      /*作用于所有html hr标签*/
    				width:50%;
    				height:20px;
    				color:red;
    				background-color:red;
    			}
    		
    		</style>
    		
    	</head>
    	<body>
    		<h3 align="center">css声明学习</h3>
    		<hr style="color:aquamarine"/>   
    		<hr />
    		
    	</body>
    </html>

**使用link调用css文件声明示例：**  
css文件

hr{ 
    	width:50%;
    	height:20px;
    	color:red;
    	background-color:red;
    }
    ```css
    html文件:
    <html>
    	<head>
    		<title>css</title>
    		<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    		<link rel="stylesheet" type="text/css" href="1.css"/>
    		
    	</head>
    	<body>
    		<hr />
    	</body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 Nuxt全局引入JS、CSS，单个页面引入JS、CSS，nuxt引入外部JS、CSS

面以**wangEditor**编辑器为外部JS/CSS，作为演示的例子方法一、全局引入CSS ![在这里插入图片描述][watermark_typ...

刺骨的言语ヽ痛彻心扉/ 2024年04月17日 21:30/ 0 赞/ 73 阅读

相关 uniapp怎么引入css_Uniapp怎么引入外部js

Uniapp引入外部js的方法：首先新建一个indexl文件，引入外部js，代码为【】；然后打开manifest文件。 ![Image 1][] 本教程操作环境：windo

朱雀/ 2023年01月08日 08:12/ 0 赞/ 417 阅读

相关 vue过渡动画引入外部的animate.css

![在这里插入图片描述][20201020225957826.png_pic_center] [20201020225957826.png_pic_center]: /im

r囧r小猫/ 2022年12月16日 15:24/ 0 赞/ 183 阅读

相关 vue.js引入外部css

可以通过在main.js中全局引入css，如 import './static/css/content.scss' 或者是在vue文件中 script中即JS中

秒速五厘米/ 2022年11月21日 04:10/ 0 赞/ 244 阅读

相关 css引入外部字体

.TTF或.OTF，适用于Firefox 3.5、Safari、Opera .EOT，适用于Internet Explorer 4.0+ .SVG，适用于Ch

落日映苍穹つ/ 2022年09月24日 07:24/ 0 赞/ 227 阅读

相关 Css3引入外部字体

设计师选择了一个字体“汉仪细行楷简”,计算机本身并没有这个字体，需要下载下来才可以展示给用户。这个时候需要把你自己下载好的字体放在项目文件中，同时重新引入才可以使用外部字体

谁借莪１个温暖的怀抱￠/ 2022年05月27日 03:07/ 0 赞/ 222 阅读

相关 jsp引入外部css或js不生效

jsp页面中引入的是外部css或js 在css或js中进行了微调（调整后代码不会报错，如果报错了，兄台先把错误解决了再继续看）打开页面F5刷新，不生效！好的，使出必杀

一时失言乱红尘/ 2022年05月22日 13:38/ 0 赞/ 325 阅读

相关页面中如何引入外部的 html 或 css

参考: [https://www.cnblogs.com/Renyi-Fan/p/9284231.html][https_www.cnblogs.com_Renyi-Fan_p

爱被打了一巴掌/ 2021年11月29日 05:26/ 0 赞/ 385 阅读

相关 css引入外部字体

css引入外部字体 @font-face{ font-family: 'YaHei Consolas Hybrid'; src :

今天药忘吃喽~/ 2021年07月26日 11:35/ 0 赞/ 503 阅读

相关 css css的声明、外部引入

css的声明,如果三个声明都针对同一个标签，则最终显示最后一个声明的内容在head标签中使用style标签声明声明当前网页的公

我会带着你远行/ 2021年07月24日 16:14/ 0 赞/ 468 阅读