css行内样式,内嵌样式,外部引用样式的三种使用方式
发布时间:2019-07-09 15:35:10 作者:存钱罐 我要评论
这篇文章主要介绍了css行内样式,内嵌样式,外部引用样式的三种使用方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
三中的使用方法的简单实例如下:
行内样式:
1 2 3 4 5 6 7 8 9 10 11 | <!doctype html> < html > < head > < meta charset = "UTF-8" > < title >css行内样式</ title > </ head > < body > < div style = "width:100px;height:100px;background:red;" ></ div >> </ body > </ html > |
内嵌样式:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!!doctype html> < html > < head > < meta charset = "UTF-8" > < title >css内嵌样式</ title > </ head > < body > < style type = "text/css" > #div{width:100px;height:100px;background:red;} </ style > < div id = "div" ></ div >> </ body > </ html > |
外部式:
1 2 3 4 5 6 7 8 9 10 11 12 | <!doctype html> < html > < head > < meta charset = "UTF-8" > < title >css内嵌样式</ title > < link rel = "stylesheet" type = "text/css" href = "ccss.css" > </ head > < body > < div id = "div" ></ div >> </ body > </ html > |
css文件
简言之:
行内样式:就是代码写在具体网页中的一个元素内;比如:<div style="color:#f00"></div>
内嵌式:就是在</head>前面写;比如:<style type="text/css">.div{color:#F00}</style>
外部式:就是引用外部css文件;比如:<link href="css.css" type="text/css" rel="stylesheet" />
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
- 下面小编就为大家带来一篇引用css样式的书写格式详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-08-03
- js与css的引用方法,都是基础的东西。2011-06-23
- 通常,我们的页面都是引用了很多样式文件,同时样式文件给我们的页面设置了很多背景图片。但是这里有个小细节容易忽视。图片的referer来源处理存在浏览器的差异。2009-07-29
最新评论