ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS

2022-07-05 07:32:03  阅读:122  来源: 互联网

标签:style 内嵌式 标签 外联 引入 CSS


一、基础认识

1.1 CSS的介绍

CSS:层叠样式表

1.2 CSS 语法规则

写在哪里?

  • css写在style标签中,style标签一般写在head标签里面,title标签下面

二、CSS引入方式

2.1 CSS引入方式

 内嵌式:CSS写在style标签中

  • 提示:style标签虽然可以写在页面任意位置,但是通常约定写在head标签中

外联式:CSS写在一个单独的.css文件中

  • 提示:需要通过link标签在网页中引入
  • <link rel="stylesheet" href="">    <!--关系:样式表   href路径-->

行内式:CSS写在标签的style属性中

  • 提示:不推荐,之后会配合js使用

2.2 CSS引入方式 - 小结

CSS常见三种引入方式有内嵌式,外联式,行内式

CSS常见三种引入方式特点区别
引入方式书写位置作用范围使用场景
内嵌式 CSS写在style标签中 当前页面

小案例

外联式 CSS写在单独的css文件中,通过link标签引入 多个页面 项目中
行内式 CSS写在标签的style属性中 当前标签 配合js使用

标签:style,内嵌式,标签,外联,引入,CSS
来源: https://www.cnblogs.com/lkim/p/16444028.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有