LDA-1B机器人基础模型：多模态扩散变换器与DINOv3视觉编码解析
2026/6/12 6:21:51
目录
CSS 是什么
基本语法规范
引入方式
内部样式表
行内样式表
外部样式
CSS 是什么
层叠样式表（Cascading Style Sheets）。
CSS 能够对网页中元素位置的排版进行像素级精确控制，实现美化页面的效果，能够做到页面的样式和结构分离。
css控制页面的展示效果html决定页面结构
基本语法规范
选择器 +{一条/N条声明}
选择器决定针对谁修改（找谁）
声明决定修改啥（干啥）
声明的属性是键值对，使用
;区分键值对，使用:区分键和值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p { color: red; font-size: 40px; } </style> </head> <body> <p>hello world</p> </body> </html>引入方式
内部样式表
写在style标签中，嵌入到html内部。
理论上来说style放到html的哪里都行，但是一般都是放到head标签中。
优点：这样做能够让样式和页面结构分离。
缺点：分离的还不够彻底，尤其是
css内容多的时候。
前面写的代码主要都是使用了这种方式，实际开发中不常用。
PS：搜狗搜索中仍然保留着这种写法。
行内样式表
通过style属性，来指定某个标签的样式。
只适合于写简单样式，只针对某个标签生效。
缺点：不能写太复杂的样式。
这种写法优先级较高，会覆盖其他的样式。
行内样式表优先级比内部样式表优先级高
<h1 style="color: blue; font-size: 80px;">你好</h1><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> p { color: red; font-size: 40px; } </style> </head> <body> <p style="color: green;">hello world</p> <p>hello bit</p> <h1 style="color: blue; font-size: 80px;">你好</h1> </body> </html>外部样式
实际开发中最常用的方式。
创建一个
css文件。使用
link标签引入css
<link rel="stylesheet" href="[CSS文件路径]">项目结构示例：
fecode01 └── csspage ├── demo01.html ├── demo01.cssdemo01.css内容：
p { color: red; font-size: 80px; }demo01.html内容：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./demo01.css"> </head> <body> <p>hello css</p> </body> </html>