`
qpzmal
  • 浏览: 19873 次
社区版块
存档分类
最新评论

CSS中的特殊符号

    博客分类:
  • CSS
阅读更多
    * 名前无符号:为所有与这个样式同名的HTML标签增加样式
          o 如div{...}会给所有的<div></div>增加样式
    * 名前井号“#”:对应html中的标签的id属性,写法为#name
          o 如#p1{...}会给<p id="p1">ID is p1</p>增加样式
    * 名前小数点“.”:对应html中标签的class属性,写法为.name
          o 如.p2{...}会给<p class="p2">CLASS is p2</p>增加样式
    * 中间空格“ ”:关系到html标签的层次,写法为css css[ css[... css]],可以设多层
          o 如DIV #p1 .span1{...}则会给<div><p id="p1"><span class="span1"></span></p></div>中最内部的span1增加样式
          o 这样写的CSS必须严格遵守CSS与HTML标签层次,以下情况不会被这条CSS所应用
                + <span class="span1"></span>
                + <p id="p1"><span class="span1"></span></p>
                + <div><span class="span1"></span></div>
    * 中间逗号“,” :表示并列关系,既该CSS有多个名称(可以精简重复的CSS样式)
          o 如body,form,div{...}会为所有的<body></body>、<form></form>、<div></div>增加样式
    * 名后冒号“:”:一般是指状态
          o 如a:hover表示当鼠标悬停在a标签上时使用的样式



HTML标签中的class

    * 空格“ ” :代表应用多个样式表
          o 如<div class="div1 div2">DIV1 and DIV2</div>表示同时应用css中的.div1{...}与.div2(...)
分享到:
评论

相关推荐

    关于前端开发的特殊符号

    总之,前端开发中的特殊符号使用是一个实用且多样化的主题,开发者需要熟悉Unicode字符集,理解HTML实体引用、CSS和JavaScript中的转义规则,并关注跨浏览器和跨平台的兼容性问题,以确保内容在各种环境下都能正确...

    特殊符号输入器 4.0正式完整版

    这款软件提供了丰富的特殊符号库,覆盖了数学、科学、工程、音乐、语言学等多个领域,满足用户在文档编辑、代码编写、设计排版中的多样化需求。 在编程领域,特殊符号输入器的作用尤为突出。例如,在编写HTML或CSS...

    特殊符号组成的图片、图案、图形

    1. **网页设计**:在HTML或CSS中,特殊符号可以用来添加额外的装饰效果,提升网页的美观度。 2. **艺术创作**:艺术家们利用特殊符号创作出独一无二的艺术作品,例如文中所示的各种图案。 3. **聊天工具**:在网络...

    CSS hack大全之特殊符号的应用解决浏览器兼容性问题

    以上就是CSS hack中特殊符号应用的一些常见实例,它们可以帮助开发者针对不同浏览器的特性写出兼容的CSS代码。然而,随着现代浏览器对Web标准的普遍支持,这些hack的使用频率已经大大降低。现在更推荐使用条件注释、...

    css中文显示

    最后,对于中文的特殊字符或符号,可能需要额外的CSS处理。例如,某些浏览器可能不支持某些Unicode字符,此时可以尝试使用图片替代,或者利用CSS伪元素和CSS内容生成功能来实现。 总之,要确保CSS中文显示正常,...

    浅谈html特殊字符 编码css3 content:”我是特殊符号”

    项目中用到的一些特殊字符和图标 html代码 XML/HTML Code复制内容到剪贴板 &lt;div u00a0class=cross&gt;&lt;/div&gt;  css代码 CSS Code复制内容到剪贴板 .cross{  width: 20px;  height: 20px;  background-color:...

    网页中的特殊符号.pdf

    3. **CSS**:在CSS中,可以使用`\2190`等代码来插入特殊符号作为背景图像或装饰元素。例如,`.symbol::before { content: "\2190"; }`。 #### 其他注意事项 - **移动设备兼容性**:虽然文档指出这种方法不适用于...

    特殊符号大全

    在IT领域,特殊符号在各种用途中扮演着重要的角色,无论是编程、文本编辑还是艺术设计。"特殊符号大全"这个资源可能是一个文档集合,包含了大量用于装饰、表达或增强文本内容的非标准字符。这些符号可以是表情符号、...

    css中文排版心得

    在CSS世界中,中文排版是一项特殊的挑战,因为中文字符的特性与西文有很大区别。以下是一些关于CSS中文排版的重要知识点: 1. **文字属性设置**:要设定中文文字的样式,可以使用`font`属性。例如,`font-style`...

    HTML5&CSS3网页制作:HTML5特殊字符标记.pptx

    这些字符代码允许开发者在任何地方插入这些特殊符号,而无需担心字体或操作系统是否支持它们。 以下是一些常用的HTML特殊字符及其对应的代码: 1. © - `&copy;` - 版权符号 2. ® - `&reg;` - 注册商标符号 3. ¥...

    风格清新漂亮的CSS3开关按钮样式

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的样式控制和动画效果,极大地提升了用户体验。本文将深入探讨如何利用CSS3创建风格清新、漂亮的开关按钮样式,包括3D效果和扁平化设计。我们将通过分析...

    浅谈html特殊字符 编码css3 content:"我是特殊符号"

    除了直接使用Unicode字符,我们还可以通过CSS的`@font-face`规则引入自定义字体,包含特殊符号和图标。这种方法允许你使用定制的图标库,如Font Awesome,它可以提供大量的矢量图标。 此外,HTML还支持一些常用的...

    css_hack csshack技术

    为了应对这一挑战,开发者们创造了一种特殊的技术手段——**CSS Hack**,以确保页面能够在各种浏览器环境中保持一致性和良好的用户体验。 #### 二、CSS Hack 技术概述 **CSS Hack**是一种通过特定语法或标记来针对...

    CSS层叠样式表技术参考手册

    ### CSS层叠样式表技术参考手册知识点概览 #### 1. CSS基础教程 - **1.1 CSS教程** - **目标与价值**:通过本教程的学习,开发者能够掌握CSS的基本概念及其如何用于... - **颜色模型**:介绍CSS中常用的颜色模型如RGB...

    css 属性一览表

    CSS 文字属性用于控制文本在网页中的显示方式。以下是一些常用的 CSS 文字属性及其功能: - **color**: 设置文字的颜色。例如:`color: #999999;`。 - **font-family**: 设置字体系列。例如:`font-family: 宋体, ...

    CSS实现日历的源代码

    还可以使用CSS的`content`属性和`::before`或`::after`伪元素来添加特殊符号,如日历中的小点或标记。 在实际开发中,你可能还需要考虑日期的动态生成和交互逻辑,这通常涉及JavaScript或jQuery等脚本语言。但是,...

    Springboot访问templates下的html页面,CSS,JS失效

    例如,如果CSS和JS文件位于`static/css`和`static/js`下,无需特殊配置,因为这是Spring Boot的默认设置。 2. **HTML中的路径引用**: 在HTML页面中,引用CSS和JS文件时,需要确保路径正确。对于本地开发,通常...

Global site tag (gtag.js) - Google Analytics