级联样式(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这个元素对应的外观有效。

  2. 类名,使用. 加上元素class名作为选择器,设置Div这个元素外观效果
  3.id 选择器, 使用#+id号作为选择器(xx为元素的id号)
  4.包含选择器, div元素下面查找包含属性a的元素,设置它的外观效果(类似于深层次查找某个元素,先找到父元素,再找子元素,最后找孙辈的元素....)。
posted @   Ace-GJH  阅读(648)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示
主题色彩