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

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注释

语法

/*注释内容*/

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

相关文章:

  • NSAttributedString设置折行方式NSLineBreakByTruncatingTail,计算高度出错,高度返回异常。
  • 日本服务器访问速度和带宽有没有直接关系?
  • 多级嵌套vue同步调用用法
  • 【点云surface】 凹包重构
  • seccomp学习 (3)
  • Navicat 技术指引 | 适用于 GaussDB 的备份与还原功能
  • CDA一级备考思维导图
  • 解密人工智能:线性回归 | 逻辑回归 | SVM
  • Kafka-Consumer
  • hdlbits系列verilog解答(exams/m2014_q4i)-45
  • 大模型训练效率提升至2.6倍,腾讯Angel机器学习框架升级
  • ElasticSearch之配置
  • 怎样提升伦敦银买卖技巧?
  • webshell之内置函数免杀
  • 大数据面试大厂真题【附答案详细解析】
  • 2017 年终总结 —— 在路上
  • Consul Config 使用Git做版本控制的实现
  • exif信息对照
  • Java 内存分配及垃圾回收机制初探
  • Java知识点总结(JDBC-连接步骤及CRUD)
  • PAT A1120
  • Python十分钟制作属于你自己的个性logo
  • Spring框架之我见(三)——IOC、AOP
  • text-decoration与color属性
  • 关键词挖掘技术哪家强(一)基于node.js技术开发一个关键字查询工具
  • 关于 Linux 进程的 UID、EUID、GID 和 EGID
  • 聊聊redis的数据结构的应用
  • 什么软件可以剪辑音乐?
  • 译有关态射的一切
  • 用简单代码看卷积组块发展
  • 基于django的视频点播网站开发-step3-注册登录功能 ...
  • ​虚拟化系列介绍(十)
  • $con= MySQL有关填空题_2015年计算机二级考试《MySQL》提高练习题(10)
  • (9)YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • (C语言)深入理解指针2之野指针与传值与传址与assert断言
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (附源码)spring boot公选课在线选课系统 毕业设计 142011
  • (强烈推荐)移动端音视频从零到上手(上)
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • (转)visual stdio 书签功能介绍
  • (转)大型网站的系统架构
  • **python多态
  • .NET : 在VS2008中计算代码度量值
  • .NET CF命令行调试器MDbg入门(三) 进程控制
  • .NET/C# 检测电脑上安装的 .NET Framework 的版本
  • .NET6实现破解Modbus poll点表配置文件
  • .NET分布式缓存Memcached从入门到实战
  • .net最好用的JSON类Newtonsoft.Json获取多级数据SelectToken
  • :not(:first-child)和:not(:last-child)的用法
  • @GetMapping和@RequestMapping的区别
  • @软考考生,这份软考高分攻略你须知道
  • [].shift.call( arguments ) 和 [].slice.call( arguments )
  • [《百万宝贝》观后]To be or not to be?
  • [20171106]配置客户端连接注意.txt