css在html中三种实现方式是什么
时间:2021-04-08
来源:互联网
今天PHP爱好者给大家带来三种实现方式:1、在html标签内使用style属性定义css样式;2、在html文件头部“<style></style>”标签内写入css样式;3、通过“<link>”标签引入外部CSS样式文件。希望对大家有所帮助。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。
1、内联定义
内联定义,即在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :<p style="内容"></p>
,如下示例
浏览器此时显示内容
2、链入内部CSS
CSS内链接是由<style></style>
标记对放在<head></head>
中,在<style>中有一个类型属性type,后面接test/css,表示CSS文本,语法格式如下:
<style type="text/css">
/*这里写CSS内容*/
</style>
示例如下:
效果图如下:
3、链接外部CSS
css外链接是把CSS文件放在网页外面,通过链接<link>使CSS文件对本网页的样式有效,就相当于C语言的.h
文件喽。
<link>里面的属性有type、rel、href,其中type固定为text/css
,rel(即样式表)固定为stylesheet
,href自然指的就是css文件的地址了,语法格式为:
<link type="text/css" rel="stylesheet" href="css文件的存放地址">
示例代码如下:
web.css内容为
效果如下
以上就是css在html中三种实现方式是什么的详细内容,更多请关注php爱好者其它相关文章!
-
什么是CDN CDN的作用和工作原理 CDN的好处和应用场景 时间:2025-08-20
-
Linux查看系统启动项命令详解 时间:2025-08-20
-
console.log()在控制台的输出结果 console.log()不显示结果的原因 时间:2025-08-20
-
Linux查看端口占用进程的方法详解 时间:2025-08-20
-
定时任务cron表达式详解(基本结构、特殊符号语义、表达式示例) 时间:2025-08-20
-
PHP中ignore_user_abort()函数详解 时间:2025-08-19
今日更新
-
冒险之星通用礼包兑换码2025最新
阅读:18
-
仙遇奕剑灵宠怎么搭配比较好
阅读:18
-
冒险之星英雄角色装备搭配推荐
阅读:18
-
灵兽大冒险各门派法宝选择推荐
阅读:18
-
冒险之星英雄强度排名推荐
阅读:18
-
猫猫钓游记全部鱼种类钓鱼鱼饵
阅读:18
-
无限暖暖奇迹之冠巅峰赛8月下搭配推荐
阅读:18
-
剑网3梦回稻香21个结局流程达成方式攻略
阅读:18
-
杖剑传说全27食谱配方及加成属性效果
阅读:18
-
快来当领主英雄升级的顺序是什么
阅读:18