1.CSS基础语法
格式:
选择器{ 属性1: 值1; 属性2: 值2}
基础语法:
width: 宽
height: 高
background-color: 背景色
单位:
1. px -> 像素
2. % -> 百分比 (相对父容器的大小)
外容器 -> 600px 当前容器 50% -> 300px
外容器 -> 400px 当前容器 50% -> 200px
CSS注释:
/*CSS注释*/
横向像素 * 纵向像素 = 电脑的分辨率
2.内联样式、内部样式与外部样式
内联样式: 通过在标签中加上style属性来实现
内部样式: 通过<style></style>标签来实现
外部样式: 通过<link>标签引入一个外部的.css文件来实现
内部样式的优点:
(1)让结构和样式分离,符合W3C的标准
(2)可以复用代码
<link>标签的属性
href:外部资源的地址
rel: 指定资源与页面的关系
3.颜色表示法
(1)单词表示法
yellow blue red
(2)十六进制表示法
0 1 2 3 4 5 6 7 8 9 A B C D E F
(3) RGB三原色法
rgb(255,255,255)
取值 0 ~ 255
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话