`
Copperfield
  • 浏览: 260200 次
  • 性别: Icon_minigender_1
  • 来自: 上海
博客专栏
C407adc3-512e-3a03-a056-ce4607c3a3c0
java并发编程陷阱
浏览量:25137
社区版块
存档分类

CSS备忘

    博客分类:
  • js
阅读更多
  1. <HTML>  
  2.  <HEAD>  
  3.   <style type="text/css">  
  4. <!--   
  5.     /*如果选择器匹配到相同的对象,选择高优先级的CSS*/   
  6.   
  7.     /*名称:ID选择器*/   
  8.     /*格式:对象id名{}*/   
  9.     /*作用:选择此ID的对象 优先级3*/   
  10.     #test3{   
  11.         color: #F4F300;   
  12.     }   
  13.   
  14.     /*名称:类选择器*/   
  15.     /*格式:在对象中加入属性class="test2"的所有对象*/   
  16.     /*作用:选择所用对象中属性为class="test2"的对象 优先级2*/   
  17.     .test2{   
  18.         color: #F345F3;   
  19.     }   
  20.   
  21.     /*名称:类型选择器*/   
  22.     /*格式:格式是这样的 标签{} 标签可是HTML中的任意的标签*/   
  23.     /*作用:适配所有是这个标签的对象 优先级1*/   
  24.     td{   
  25.         color: red;   
  26.     }   
  27.        
  28.     /*名称:子对象选择*/   
  29.     /*格式:子对象选择器的格式是,选择器1 选择器2{}选择器1先做了一个筛选,只有适合选择器1的对象才能再使用选择器*/   
  30.     /*作用:通过几次的选择器的筛选后的对象 优先级4*/   
  31.     td.test a{   
  32.         color: 33FFFF;   
  33.            
  34.     }   
  35. -->  
  36. </style>  
  37.  </HEAD>  
  38.   
  39.  <BODY>  
  40.   <table>  
  41.     <tr>  
  42.         <td class="test" >  
  43.             <a href="javascript:alert('子对象选择器')">子对象选择器</a>  
  44.         </td>  
  45.     </tr>  
  46.     <tr>  
  47.         <td>  
  48.             类型选择器   
  49.         </td>  
  50.     </tr>  
  51.     <tr>  
  52.         <td class="test2" >  
  53.             类选择器   
  54.         </td>  
  55.     </tr>  
  56.     <tr>  
  57.         <td id="test3">  
  58.             ID选择器   
  59.         </td>  
  60.     </tr>  
  61.   </table>  
  62.  </BODY>  
  63. </HTML>  
分享到:
评论

相关推荐

    css-cheat-sheet:CSS备忘单-CSS优点的参考

    【CSS备忘单:CSS优点的深度探讨】 CSS(Cascading Style Sheets)是一种样式表语言,用于描述HTML或XML(包括SVG、XHTML等)文档的呈现。它赋予网页结构与样式的分离,使得设计者可以独立于内容对页面进行布局和...

    CSS_Cheat_Sheet:动态CSS备忘单

    **CSS_Cheat_Sheet: 动态CSS备忘单** CSS(层叠样式表)是网页设计中的核心技术,用于控制页面布局和样式。这个“CSS Cheat Sheet”专注于两个现代CSS布局技术:Flexbox和Grid。它们为创建响应式、动态且易于管理的...

    纯CSS3超酷日常工作备忘录列表特效

    在本项目中,我们探索的是一个使用纯CSS3实现的超酷日常工作备忘录列表特效。这个创新的设计完全不依赖JavaScript代码,而是巧妙地利用了HTML的Checkbox元素及其相关CSS属性来实现交互功能,使用户可以轻松标记日常...

    css-cheat-sheet-v2.pdf

    ### CSS Cheat Sheet V2知识点详解 #### 概述 CSS(Cascading Style Sheets)是一种样式表语言,用于描述...以上内容覆盖了CSS备忘单中提到的主要知识点。通过这些知识点的学习,可以更好地理解和应用CSS来美化网页。

    备忘录:HTML,CSS和Vanilla JavaScript

    像telasestãoresponsivas at a Largura de 500px一样,focada noespaçocentral,assim facilita备忘录是das cartas,esta funcionalidadenãoestálistada no desafio mas resolvi deixar uma breve视觉化的das ...

    tailwindcss-cheatsheet:tail很棒的备忘单

    【Tailwindcss备忘单详解】 Tailwindcss是一款极具实用性的CSS框架,它专注于提供一组高度可配置的原子样式,让开发者能够快速构建定制化的、响应式的网站设计。这款备忘单是为开发者们量身打造的一个工具,帮助...

    超级漂亮的备忘插件

    综上所述,这个“超级漂亮的备忘插件”是一个集成了JavaScript、jQuery和CSS技术的前端应用,提供美观的界面和丰富的交互功能。用户可以通过拖放操作来组织备忘,而弹出的备忘窗口则增加了应用的吸引力。文件名称...

    html-css-cheat-sheet

    一个简单的精选HTML5和CSS备忘单。 查看备忘单 只需在浏览器中打开 。 没有外部依赖关系。 特征 直观的示例准确地显示了属性的特定值将如何显示。 减少猜测。 内联样式用于展示的特定样式属性,但不用于容器元素或...

    html制作的备忘录html制作的备忘录

    综上所述,创建一个HTML备忘录应用需要掌握HTML的基本结构和元素,理解如何通过CSS进行美化,以及使用JavaScript增加交互性。通过`todoList-master`这个文件名,我们可以猜测这可能是一个关于任务管理的实例,可能...

    微信小程序Demo:备忘录

    "微信小程序Demo:备忘录" 是一个基于微信小程序开发的示例项目,旨在帮助开发者理解如何利用微信小程序框架创建一个功能完备的备忘录应用。 该"todolist-master"压缩包很可能是这个备忘录小程序的源代码仓库,包含...

    备忘单

    【CSS备忘单】 在网页设计中,层叠样式表(Cascading Style Sheets, 简称CSS)是用于定义HTML或XML(包括SVG、XHTML等)文档的呈现方式的重要工具。它允许我们将样式规则与内容分离,使得页面布局更加灵活,易于...

    C# ASP.NET 模块 - 网站备忘录

    前端部分,开发者通常会使用HTML、CSS和JavaScript来构建用户界面,而在这个案例中,为了提供更好的用户体验,采用了Ajax(Asynchronous JavaScript and XML)技术。Ajax允许页面在不重新加载整个网页的情况下与...

    移动端备忘录

    WXML和WXSS与HTML和CSS相似,但有一些特定的语法和特性,比如数据绑定和组件化。 1. 数据管理:微信小程序中的数据管理使用了MVVM(Model-View-ViewModel)模式,通过`data`属性来绑定数据到视图。当`data`发生变化...

    it-tools:每位开发人员可能偶尔需要的有用工具的集合

    每个开发人员可能偶尔需要的有用工具的集合。 可用。 功能路线图 这是当前功能的无序列表... CSS备忘(备忘单) REGEX备忘(备忘单)+测试仪? 缩小/取消缩小 图片exif编辑器/删除器 图像格式转换器? 图像裁切器

    web个人日历备忘系统-c#-sql

    【标题】"Web个人日历备忘系统"是一款基于C#编程语言和SQL数据库技术开发的应用,主要用于个人日常事务管理。这个系统集成了登录、注册、添加、删除以及编辑备忘录的功能,使得用户能够方便地在线管理和追踪自己的...

    jquery+bootstrap 实现简单备忘录

    在本备忘录应用中,Bootstrap的CSS样式和组件(如按钮、表单、网格系统)被用来构建美观、易用的用户界面。例如,我们可以利用Bootstrap的模态框(Modal)作为提醒窗口,显示用户的备忘内容;使用输入框(Input ...

    微信小程序--备忘录

    2. **WXML与WXSS**:这是微信小程序的专属前端语言,分别负责结构和样式,类似于HTML和CSS。 3. **JavaScript(JS)**:处理小程序的逻辑和交互,可以与微信小程序的API进行交互,实现各种功能。 4. **微信小程序...

    asp日历&备忘录

    【ASP日历&备忘录】是一款基于Active Server Pages(ASP)技术开发的应用程序,它模仿了谷歌日程表的功能,提供了用户友好的界面和高效的时间管理体验。这个应用程序允许用户创建、编辑和查看日历事件,同时还能作为...

    Lab2Web:实习2 | 阿贡·努格罗霍(S.Kom。,M.Kom。)

    Lab2Web •名称:Abdu'Alim Fauzan Rizqi •尼姆:3119106583 •类:TI 19.A.3问题与任务请参考此模块单独文件中提供CSS备忘单,尝试更改和向CSS代码添加属性和值! 答:更改Lane中内部CSS标题的背景颜色,并更改...

    grid-cheatsheet:CSS网格备忘单

    "grid-cheatsheet: CSS网格备忘单"是一个非常实用的资源,它帮助开发者快速理解和应用CSS Grid规范。这个资源由W3C提供,并增加了互动性演示,使得学习过程更加直观。 CSS Grid布局系统允许我们创建行和列的网格,...

Global site tag (gtag.js) - Google Analytics