分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

css三种引用方式

发布时间:2023-09-06 02:01责任编辑:蔡小小关键词:暂无标签

1 直接在标签内添加 style属性

1 <body>2 ????<!-- 内嵌写在标签内 -->3 ????<div style="color: red;font-size: 20px">山无陵,天地合</div>4 </body>

运行效果:

2 写在标签<head>中,内部样式

 1 <html lang="en"> 2 <head> 3 ????<meta charset="UTF-8"> 4 ????<title>css三种引用方式</title> 5 ????<style type="text/css"> 6 ????/*写在head标签内,设置所有标签为div的样式*/ 7 ????div{ 8 ????????color:blue; font-size: 50px; 9 ????}10 11 ????</style>12 </head>13 <body>14 ????15 ????<div ">山无陵,天地合</div>16 </body>17 </html>

运行效果:

3 写在<head>标签内,引入一个css文件

1 <head>2 ????<meta charset="UTF-8">3 ????<title>css三种引用方式</title>4 ????<link rel="stylesheet" type="text/css" href="URL">5 ????</style>6 </head>

运行效果:

相同,href内加入外部css文件的地址

css三种引用方式

原文地址:https://www.cnblogs.com/sunmoonyou/p/9240880.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved