css在html中怎么实现

发布时间:2021-04-07 12:55:14 作者:小新
来源:亿速云 阅读:147

这篇文章主要介绍css在html中怎么实现,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

三种实现方式:1、在html标签内使用style属性定义css样式;2、在html文件头部“<style></style>”标签内写入css样式;3、通过“<link>”标签引入外部CSS样式文件。

css的样式引用由3种方式。分别为内联定义、链入内部CSS和链入外部CSS。

1、内联定义

内联定义,即在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :<p style="内容"></p>,如下示例

css在html中怎么实现

浏览器此时显示内容

css在html中怎么实现

2、链入内部CSS

CSS内链接是由<style></style>标记对放在<head></head>中,在<style>中有一个类型属性type,后面接test/css,表示CSS文本,语法格式如下:

<style type="text/css">
   /*这里写CSS内容*/
 </style>

示例如下:

css在html中怎么实现

效果图如下:

css在html中怎么实现

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文件的存放地址">

示例代码如下:

css在html中怎么实现

web.css内容为

css在html中怎么实现

效果如下

css在html中怎么实现

以上是“css在html中怎么实现”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

推荐阅读:
  1. 怎么在nodejs 中实现动态html
  2. 在HTML中写css的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html css

上一篇:javascript存储数据的方式有哪些

下一篇:JavaScript双斜杆指的是什么

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》