要在HTML中加入两个CSS,可以使用以下两种方法:
(图片来源网络,侵删)方法一:内联样式表
1、在HTML文件的<head>
标签内添加<style>
标签。
2、在<style>
标签内编写CSS代码。
3、将CSS代码直接写在HTML元素的属性中,使用style
属性。
示例代码:
<!DOCTYPE html> <html> <head> <style> /* 在这里编写第一个CSS代码 */ body { backgroundcolor: lightblue; } h1 { color: white; textalign: center; } </style> </head> <body> <h1 style="fontfamily: Arial;">欢迎来到我的网站</h1> <p style="fontsize: 20px;">这是一个段落。</p> </body> </html>
方法二:外部样式表
1、创建一个CSS文件,例如styles.css
。
2、在HTML文件的<head>
标签内添加<link>
标签。
3、将href
属性设置为CSS文件的路径。
4、在CSS文件中编写CSS代码。
示例代码:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1 class="title">欢迎来到我的网站</h1> <p class="paragraph">这是一个段落。</p> </body> </html>
在styles.css
文件中编写CSS代码:
.title { fontfamily: Arial; } .paragraph { fontsize: 20px; }
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。