CSS备忘

最新推荐文章于 2023-11-21 16:36:51 发布
最新推荐文章于 2023-11-21 16:36:51 发布
阅读量81 收藏
点赞数
分类专栏： js 文章标签： CSS JavaScript HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jep1983/article/details/83682343
版权
  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>  
jep1983
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS备忘录
zhangqian_1213的博客
01-20 62
换行 p { white-space:nowrap; } //强制换行 p { word-wrap:break-word; } //自动换行 p { word-break:break-all; } //强制英文单词断行（行内元素设置为块级元素） p { text-overflow:ellipsis;overflow:hidden;} //超出显示省略号 word-wrap:break-word; 只对英文起作用，以单词作为换行依据 input 样式 消除input默认样式 input, butto
css-cheat-sheet：CSS备忘单-CSS优点的参考
02-04
css-cheat-sheet：CSS备忘单-CSS优点的参考
css备忘
qq_40019058的博客
11-21 46
【代码】css备忘。
css 备忘
洪海洋的博客
01-17 119
inline 和 inline-block 元素之间会有一个字符的间隙。解决方法：1、给父元素设置font-size：0px；2、取消掉换行符，如这样：aaaaaaaaaaaa连续。css js 后加版本号1.   2.   客户端会缓存，升级了 css 或者 js 后改变版本号，浏览器会重新下载，起到刷新缓存的作用。 子元素垂直居中1.父元素的高度已知，把子元素的 line-height 设置为
css备忘录
cy1502的博客
11-26 225
不定时更新
CSS备忘小记
记忆者的博客
07-23 66
css
css 备忘录
weixin_67193048的博客
03-14 74
css 备忘录
CSS_Cheat_Sheet:动态CSS备忘单
05-11
对于那些希望学习CSS Flexbox和Grid的人
CSS 常用设置备忘
09-25
CSS 提供了 text-indent 属性 ，该属性可以方便地实现文本缩进。
备忘录：HTML，CSS和Vanilla JavaScript
02-08
像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 ...
android手机应用源码Imsdroid语音视频通话源码.rar
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
05-20
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
JavaScript_超过100种语言的纯Javascript OCR.zip
05-20
JavaScript
JavaScript_跨平台React UI包.zip
05-20
JavaScript
node-v16.17.0-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
520表白代码.rar
05-20
520表白html5爱心代码
一个简单的HTML5和CSS代码示例，用于创建一个动态的爱心形状，并在网页上展示一个类似520表白的消息 这个示例使用了CSS的
05-20
520表白html5爱心代码 一个简单的HTML5和CSS代码示例，用于创建一个动态的爱心形状，并在网页上展示一个类似520表白的消息。这个示例使用了CSS的动画效果和HTML的结构。
智慧养老社区方案.pdf
05-20
智慧养老社区方案.pdf
css 直线csscss
08-25
你想要了解如何使用 CSS 来创建直线吗？在 CSS 中，你可以使用 `border` 属性或者 `hr` 元素来创建直线效果。 1. 使用 `border` 属性： 你可以为一个元素添加 `border` 属性，并设置宽度、样式和颜色来创建直线效果。例如，以下代码可以创建一个红色的水平直线： ```css hr { border: none; border-top: 1px solid red; } ``` 2. 使用 `hr` 元素： `hr` 元素是一个用于创建水平分隔线的 HTML 元素。你可以使用 CSS 来修改它的样式。例如，以下代码可以创建一个蓝色的水平直线： ```css hr { border: none; height: 1px; background-color: blue; } ``` 这些是创建直线效果的两种常见方法。你可以根据需求选择其中一种来实现你想要的直线效果。希望这能帮到你！如果还有其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值