级联样式(Cascading Style Sheet)css与选择器Selector
级联样式表(CSS)是用于描述以标记语言编写的文档的呈现的样式表语言。尽管通常用于设置以HTML和XHTML编写的网页和用户界面的视觉风格,但该语言可以应用于任何XML文档,包括纯XML,SVG和XUL,并且适用于语音呈现,或在其他媒体上。以及HTML和JavaScriptCSS是大多数网站使用的基石技术,用于创建视觉吸引力的网页,用于Web应用程序的用户界面,以及许多移动应用程序的用户界面。
常用的级联样式有三种:外部级联、内部级联和内联。
- 外部样式,使用link连接外部CSS,如下在head标签中使用href(类似于iOS中的url)连接一个外部CSS样式。外部样式的好处时,可以复用此CSS样式。
- 内联样式,直接在标签后面使用Style设置,可以精准控制当前元素的外观表现,不需要CSS文件, 不需要选择器。
- 内部级联样式,在head标签中使用Style标签直接设置整个页面的样式,当前页面生效,不需要CSS文件。
选择器Selector决定该样式定义对哪些元素起作用(类比iOS中的tag值,设置一个tag,然后通过tag去查找对应的控件,并修改该控件的属性)
常用的选择器有:
1.标签(类比于关键字,即系统定义的,非自定义的变量), 如table这个系统的关键字就是一个标签选择器。作用是table这个元素对应的外观有效。
3.id 选择器, 使用#+id号作为选择器(xx为元素的id号)
4.包含选择器, div元素下面查找包含属性a的元素,设置它的外观效果(类似于深层次查找某个元素,先找到父元素,再找子元素,最后找孙辈的元素....)。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律