一分钟了解Html中CSS的三种链接方式

来源:互联网作者:网友投稿发布时间:2021-01-07 04:03

在html中CSS有三种链接方式，你知道是哪三种吗？三种css文本的链接方式分别是内联定义、链入内部css、和链入外部...

在html中CSS有三种链接方式，你知道是哪三种吗？三种css文本的链接方式分别是内联定义、链入内部css、和链入外部css，下面我们一起看看吧。

css文本的链接方式有三种：分别是内联定义、链入内部css、和链入外部css

1.代码为：

2.代码为：

<html> <head> <title>链入内部css</title> <style type="text/css"> #myid { width:200px; height:300px; color:red; } .myclass { width:200px; height:300px; color:red; } </style> </head> <body> <p id="myid">链入内部css</p> <p class="myclass">链入内部css</p> </body></html>

3.代码为：

<html> <head> <title>链入外部css</title> <link type="text/css" rel="stylesheet" href=https://www.php.cn/"style.css"/> </head> <body> <p id="p1">链入外部css</p> <p id="p2">链入外部css</p> <p class="p3">链入外部css</p> </body></html>

代码3的style.css是和你的html文件在同一个文件夹。

其代码为：

#p1{ border:2px; color:red;} #p2{ border:2px; color:blue;} .p3{ border:2px; color:red;}

在css中
id前面是要加一个#

class前面要加一个.

补充：

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>外联式css样式03</title>   <link rel="stylesheet" href=https://www.php.cn/"style.css">  <style typle="text/css"> @import url(style.css) </style> </head><body> <p>lalala</p></body></html>

感谢大家的阅读，大家学会了吗？

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/11663.shtml

上一篇：了解一下HTML中的script标签

下一篇：你有认真学习HTML5吗？那么

④格式标签粗体：b/b 斜体：	我们直接看代码： !DOCTYPE htm
假设我们的HTML代码如下： ul	我们尝试一下更新一下HTML结构
微软IE9平台预览版完整支持H	IE9正式版无论从性能提升还是
HTML5 学习总结（四）canvas绘图	canvas与html5实现视频截图成果
html5 canvas常用api总结(二)画图	优化转动的小能力：利用CSS
.plate { position: absolute; top: 50	可以加我的HTML5前端交流群11
我们先来看一下实现效果：	html利用什么来描写网页？
html标签是所有其他HTML元素（	那么子元素也是10px 3、第三种