当前位置: 首页 > article >正文

CSS新手入门笔记整理:CSS基本介绍

CSS,指的是“Cascading Style Sheet(层叠样式表)”,用于控制网页外观。


CSS引入方式

外部样式表

独立建立一个.CSS文件,在HTML中使用 link标签 来引用CSS文件。link标签放置在head标签内部。

语法

<link rel="stylesheet" type="text/css" href="文件路径">
  • rel即relative的缩写,它的取值是固定的,即"stylesheet",表示引入的是一个样式表文件(即CSS文件)。
  • type属性的取值也是固定的,即"text/css",表示这是标准的CSS。
  • href属性表示CSS文件的路径。

内部样式表

内部样式表,指的是把HTML代码和CSS代码放到同一个HTML文件中。其中,CSS代码放在style标签内,style标签是放在head标签内部的。

语法

<style  type="text/css">
css代码...
</style>  
  • type="text/css"是必须添加的,表示这是标准的CSS。

行内样式表

将CSS代码放在元素标签内部,用style属性定义。

语法

<div  style="css代码...">
......
</div>  

样式表的优先级

就近原则:针对同一个属性

行内样式表>内部样式表>外部样式表


CSS注释

语法

/*注释内容*/

/*表示注释的开始,*/表示注释的结束。


http://www.kler.cn/a/148086.html

相关文章:

  • 浅谈“通感一体”
  • 怎么选择香港服务器的线路?解决方案
  • 修改数据库和表的字符集
  • 重构开发之道,Blackbox.AI为技术注入智能新动力
  • FluentUI使用
  • react-redux useSelector钩子 学习样例 + 详细解析
  • python中字符串操作函数split的用法
  • 【阿里云】图像识别 智能分类识别 项目开发(一)
  • 抖音小店怎么运营?新手应该如何做?一篇详解!
  • 【黑马程序员】——微服务全套——Nacos安装指南
  • netty学习
  • git commit message 书写规范
  • Android : Fragment 传递数据 — 简单应用
  • 入门必读:Figma软件的功能和用途一览!
  • ArcGIS中如何建立土地利用规划数据库
  • 2021秋招-数据结构-栈、队列、数组、列表
  • 测开笔记--Typescript: 文件复制到指定目录
  • 什么手机30万?VERTU唐卡手机顶配56.8万
  • PGP 遇上比特币
  • 【LeeCode】209.长度最小的子数组
  • 大数据平台/大数据技术与原理-实验报告--实战HDFS
  • java stream流map和flatmap的区别
  • 小内存服务器生存指南 ——SWAP 虚拟内存
  • 【GCC】2:chatgpt:SendSideBandwidthEstimation
  • 【傻瓜级JS-DLL-WINCC-PLC交互】1.C#用windows窗体控件创建.net控件
  • springboot实现数据脱敏