首页 / HTML / css在html中三种实现方式是什么
css在html中三种实现方式是什么
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css在html中三种实现方式是什么,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1227字,纯文字阅读大概需要2分钟。
内容图文
![css在html中三种实现方式是什么](/upload/InfoBanner/zyjiaocheng/417/0ed9f2ca1f2448f3b9d86cb0e9078b14.jpg)
三种实现方式: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视频教程
以上就是css在html中三种实现方式是什么的详细内容。
本文系统来源:https://www.php.cn/website-design-ask-473509.html内容总结
以上是互联网集市为您收集整理的css在html中三种实现方式是什么全部内容,希望文章能够帮你解决css在html中三种实现方式是什么所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。