首页
学习
活动
专区
圈层
工具
发布

前端-在 css 中什么是好的注释?

Martin Martin在文中详细讨论了代码注释,我不会完全重复他的话。简而言之,他的意思就是,这些注释是注定会过时的。程序执行时会忽视注释,所以无法保证这些说明注释会准确的描述代码作用。...此处有一个例外,由于CSS有很多属性,也许有些属性是你完全不知道的,那么你用这种注释是正常的。...我第一反应就是也许在文件中还有一个> li > a的选择器,而这行代码就是指那个选择器。也许文件中有一段注释会专门解释为何这样写,但我将文件重头到尾都看了一边,发现并没有这个选择器。...或者也许这段注释是指某行已经被删除的代码或引入其他文件中的代码?若想要彻底弄清楚这个注释的作用,唯一的方法就是翻遍整个git记录了吧。...这样的注释就是有用的,因为有时候代码的意图不是那么显而易见的。 但此时也需要问一个问题:有什么办法能让代码自说明呢?需要可以考虑将这些特定的属性移到第二个选择器中,专门为这些按钮设置的选择器。

2.2K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    CSS中设置鼠标样式

    大家好,又见面了,我是你们的朋友全栈君。 cursor规则是设定网页浏览时用户鼠标指针的样式,也就是鼠标的图形形状 所有主流浏览器都支持 cursor 属性。...该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。...默认值: auto 继承性: yes 版本: CSS2 JavaScript 语法: object.style.cursor=”crosshair” 可能的值 值 描述 default 默认光标(通常是一个箭头...浏览器设置的光标。 crosshair 光标呈现为十字线。 pointer 光标呈现为指示链接的指针(一只手) move 此光标指示某对象可被移动。...e-resize 此光标指示矩形框的边缘可被向右(东)移动。 ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。

    3.3K10

    【CSS】CSS 背景设置 ⑤ ( 盒子中图片对齐操作 )

    文章目录 一、盒子中图片对齐操作 1、设置 div 盒子 2、设置背景图片 3、设置图片平铺 4、设置图片平铺 二、完整代码示例 1、代码示例 2、显示效果 一、盒子中图片对齐操作 ---- 实现博客中的如下效果...: 图片在 div 盒子中靠左 垂直居中的样式 ; 1、设置 div 盒子 首先 , 设置 div 盒子 , 设置宽高 , 以及背景颜色 , 用于显示 div 范围 ; .item...{ width: 800px; height: 150px; background-color: pink; } 2、设置背景图片 通过设置 background-image...: pink; background-image: url(images/div_bg.jpg); } 3、设置图片平铺 设置 background-repeat: no-repeat...设置图片背景位置 , background-position: 30px center; , 将图片放置在左侧 30 px 位置 , 垂直方向居中对齐 ; .item {

    3K10

    用css设置html中table样式

    2015-08-14 06:06:33 一般情况下table默认是没有边框的,那我们应该如何给它添加边框和颜色呢,下面我们来看一下 border:1px solid #E4E4E4; 这行代码就是给table...标签设置边框的代码,如果将这行代码用于table标签,则会产生一个矩形框,也就是说它产生的边框是table的外围。...如果想每一行每一列都设置边框,则需要给相应的tr标签和td标签设置该属性。...当我们设置好边框之后我们会发现table的行与行之间有很多空隙,那么我们需要添加代码来去除table标签中行与行之间的行间距。...下面看代码 border-collapse:collapse;border-spacing:0; 将这段代码给table标签设置,即可发现行与行之间的行间距消失了。

    2.9K20

    CSS与JQuery的相关问题

    正确写法*/ CSS和jQuery中>和空格的意义: 1、举例:A B与A>B的区别是: A B :获取标签A下面所有B标签对象。...2、举例:.a .b 一个是中间有空格,.a.b一个是中间没空格,区别是: 这是css选择器的格式,规定不带空格的选择条件之间是“且”关系,带空格的是“父子”关系,并且可以是非直接的“父子”关系...中this和$(this)的区别: 经在实际应用中发现 this是一个Html对象,$(this)是一个JQuery对象。...getElementById('id')的区别: 如图所示,$('#id')获取的是JQuery对象,里面包含DOM对象 而document.getElementById('id')获取的只是DOM对象...,与$('#id')[0]所获取的相同 padding设置顺序: 上 右 下 左; div的上下滚动设置:overflow:atuo 和 scroll 与 hidden;

    1.7K20

    在 Deno 中设置 CronJob

    ❝群里的大佬已经在探讨"Deno 是一个迈向错误方向的 JavaScript 运行时"了,而我,多年经验的Copy攻城狮,依旧只能看懂些边边角角的知识点,然后分享出来还被大佬批得体无完肤。...废话太多,还是先看看 Deno 中的 CronJob 如何写"Hello World". ❞ 什么是 CronJob CronJob即定时任务,就类似于Linux系统的crontab,在指定的时间周期运行指定的任务...本质上CronJob是一个调度程序,使应用程序可以调度作业在特定日期或时间自动运行。今天,我们将把CronJob集成到Deno应用程序中,有兴趣看看吗?...deno_cron 是一个在Deno中使用的智能cron作业调度程序库,它使您可以编写具有大量灵活性的可读cron语法。对于许多开发人员而言,编写cron语法和操作可能非常繁琐。...取值范围为0-59 第二个星号使用分钟数,并且取值范围为0-59 第三个星号使用小时数,其值介于0-23之间 第四个星号为月份中的一天,其值在1-31之间 第五个星号为一年中的月份,其值在1-12之间

    3.8K30

    在 NPM 中设置代理

    要在 NPM 中设置代理,您需要使用 `npm config set proxy` 命令。以下是一个详细的教程:1. 首先,确保您已经安装了 Node.js。...在命令提示符或终端中,输入以下命令以设置代理:```npm config set proxy http://ip.duoip.cn:8080```这个命令将设置 NPM 的代理地址。1....设置代理后,请确保您的网络设置允许访问该代理。在 Windows 系统中,您可以通过以下步骤检查和配置网络设置:a. 右键单击 "网络" 图标在任务栏上,然后选择 "网络和共享中心"。b....在 "代理服务器" 窗口中,输入代理地址,然后单击 "确定"。1. 对于 macOS 和 Linux 系统,您需要根据您的系统和网络设置配置代理。在这些系统中,通常需要编辑配置文件以添加代理设置。...设置代理后,请确保您的 NPM 设置已正确保存。在命令提示符或终端中,输入以下命令:```npm config list```这将显示您的 NPM 配置设置。

    3.6K40

    网页|在CSS学习中的问题总结

    为了使页面看起来更美观,我开始着手对CSS的学习,在刚开始的学习过程中也确实遇到了许多问题,现在我把他们集中总结。...不过也可以发现一些规律,那就是在“p.”后面、“{}”之前,是可以跟东西的,比如菜鸟上的实例: ?...图2.2.7border-color代码 可以看出,共有三个边框是设置了边框颜色的,其余边框均未特别规定颜色,再对比是否设置边框颜色的效果图: ?...不需要轮廓的边框是否需要隐藏轮廓才不会显示轮廓? (4)CSS margin中遇到的问题: 问题一:(未解决)该在什么范围内设置外边距较为合理?...结语 在学习H5与CSS的过程中,会遇到很多让人疑惑的地方,我的解决方法是实践与记录。先将问题暂时记在记事本,再在过程中不断试验并记录截图,方便后期总结对比。

    2.8K20

    在HTML中如何使用CSS?

    2.3 链接式 在实际的网页设计中,链接式 CSS 用法是最常用的,也是效果最好的。...链接式 CSS 用法的最大特点是将 CSS 代码和 HTML 代码分离,这样就可以实现将一个 CSS 文件链接到不同的 HTML 网页中。...使用链接式 CSS,可以在设计整个网站时,将多个页面都会用到的 CSS 样式定义在一个或多个 文件中,然后在需要用到该样式的 HTML 网页中通过 标记链接这些 文件,通过链接式 CSS 可以降低整个网站的页面代码冗余并提高网站的可维护性...被导入的 HTML 文件在初始化时,会将该 CSS 文件导入 HTML 文件中,作为此 HTML 文件的一部分,类似于内嵌式的效果,而链接式是在 HTML 的标记需要 CSS 样式的时候才会以链接的方式引入进来...这时解决 CSS 冲突你就要了解在 HTML 中使用 CSS 的优先级规则: 内联式 > 内嵌式 > 外部样式; 在多个样式中,后出现的样式的优先级高于先出现的样式; 在样式中,选择器的优先级: 样式

    11.6K100

    Ajax在jQuery中应用--jQuery基础知识点(5)

    Ajax技术并不局限于Web动态页面,在普通的静态HTML页面中同样可以实现! 1....} 2. load(url,[data],[callback])方法实现Ajax功能 load()方法可以很快地加载数据到页面中,但如需对获取的数据进行处理,必须在先插入页面中,...Ajax,一次设置,全局有效 $.ajaxSetup({ //设置全局性的Ajax选项 type: "GET", url: "UserInfo.xml", dataType...Ajax中的全局事件 ajaxStart和ajaxStop这两个全局事件的使用频率非常高。...前者是当请求开始执行时触发,往往用于编写一些准备性的工作,如提示“正在获取数据...”字样;后者是当请求结束时触发,在这一事件中,常常与前者配合,说明请求的最后进展状态,如将显示中的“正在获取数据...

    2.4K32
    领券