全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[鹰潭seo公司到久澳]css的四种引入方式分别是什么

  

 

  CSS的四种引入方式分别是•=☆:行内样式▷▲★、内嵌样式、链接样式和导入样式。

  1、行内样式

  最直接最简单的一种,直接对HTML标签使用style="",[鹰潭seo公司到久澳]例如:

  

<p style="color:#F00; "☆★◆;><•◇■;/p>▷◆…;

 

  缺点:HTML页面不纯净,文件体积大●◁▲,不利于蜘蛛爬行▪☆,后期维护不方便。前端是什么

  (视频教程推荐:css视频教程)

  2、内嵌样式

  内嵌样式就是将CSS代码写在<•□;head>☆▪△;<▽▷▪;/head>之间,PS教程并且用<style></style>进行声明=△,例如:

  

<style type="…▼=;text/css">
body•▼☆○,div○□◆◆,a★★,img,p{margin:0; padding◁☆◇▪:0;}
</style>▼◁;

 

  优缺点☆◇:页面使用公共CSS代码,也是每个页面都要定义的,09 2020.10 [郴州seo公司皆选久澳]ps蒙板的用法是什么? 用法是☆▪●:首先在ps中打开两张图片,将其中一张拖到另一张上;接着点击蒙板工具;接着点击画笔工具▷,颜色选择黑色, Layui教程 在画过的地方显示出了下方的图片;然后把画,如果一个网站有很多页面☆▼▲,每个文件都会变大▷●,后期维护难度也大○◇,如果文件很少▽◇•◁,CSS代码也不多,这种样式还是很不错的…□▷。

  3☆▪、链接样式

  链接样式是使用频率最高◁◁★▽,最实用的样式,只需要在<head>-•;<★•★■;/head>之间加上<☆△;link…/>就可以了,如下:

  

<▽▽◇▪;link type="▪△;text/css" rel="=●▼■;stylesheet"○★▲□; href="•◁□;style.css"■★; />=◇;

 

  优缺点:实现了页面框架代码与表现CSS代码的完全分离,使得前期制作和后期维护都十分方便

  4▷◇、前端学习导入样式(不建议使用)

  导入样式和链接样式比较相似,采用@import样式导入CSS样式表,在HTML初始化时,会被导入到HTML或者CSS文件中▪▪■△,成为文件的一部分■▪,类似第二种内嵌样式▽•●△。

  @import在html中使用=□●,如下:

  

<…▼▲▽;style type="text/css"△★;>
@import url(style.css);
<☆▼;/style>

 

  @import在CSS中使用,如下:

  

@import url(style.css)=○…;

 

  推荐教程:css快速入门

  以上就是css的四种引入方式分别是什么的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[鹰潭seo公司到久澳]css的四种引入方式分别是什么

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。