CSS
CSS概述
什么是CSS:
• CSS是层叠样式表(Cascading Style Sheets)的缩写, 是一种用于定 义HTML、XML等文档中如何呈现页面的样式和布局的标准语言。通 过CSS可以控制网页的字体、颜色、大小、间距、背景等各种样式, 从而实现对网页内容的精细控制。与HTML相比, CSS具有更高的灵 活性和可扩展性,可以将网页的样式和内容分离开来,使得网页结构 更加清晰、易于维护和修改。
• 作用: 负责美化页面(相当于装修)
CSS引入方式
• 三种引入方式:
内联: 在标签的style属性中添加样式代码, 不能复用
内部: 在head标签里面添加style标签, 在标签体内添加样式代码, 可以当前页面复用,
不能多页面复用
外部: 在单独css文件中添加样式代码, 在html页面中的head标签里面添加link标签 把css引入到html页面中, 支持多页面复用
CSS选择器:
常用选择器1
选择器的作用: 用于查找页面中的元素
• 标签名选择器: 匹配页面中所有同名标签 √ 格式: 标签名{样式代码}
• id选择器: 当需要选择页面中某一个标签时使用√格式: #id{样式代码}
• 类选择器: 当需要选择页面中多个不相关的元素时,给多个元素添加 相同的class值划分为同一类
√格式: .class{样式代码}
常用选择器2
• 分组选择器: 将多个选择器划分为同一组进行统一管理
格式: div,#id,.class{样式代码}
• 属性选择器: 通过元素的属性匹配元素
格式: 标签名[属性名='值']{样式代码}
• 任意元素选择器:匹配页面中的所有元素 格式: *{样式代码}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端