精华内容
下载资源
问答
  • css注解(css 注解)又被称作CSS注释(css 注释)是有css文件代码间加入注释,解释说明意思,就像我们学习语文一样文言文、诗词、文章用不同颜色进行批注说明一个道理,通常情况下css注释是不会被浏览器解释或被浏览器...

    什么是CSS注释?CSS文件中注释怎么写?本篇文章将向你介绍css注释的作用及写法,希望对各位有帮助。

    04a596ddcafda43b695507ba86945249.png

    css注释怎么写?

    一:css注释是什么?

    css注解(css 注解)又被称作CSS注释(css 注释)是有css文件代码间加入注释,解释说明意思,就像我们学习语文一样在文言文、诗词、文章用不同颜色进行批注说明一个道理,通常情况下css注释是不会被浏览器解释或被浏览器忽略的。

    二:css注释怎么写?

    注释语法:/* 注解注释内容 */

    css文件中使用:div{

    width: 100px; /* 宽度100px */

    /*height: 200px;*/

    }

    注:css中不能使用双斜杠注释。(推荐学习:CSS视频教程)

    三:css注释的作用?

    CSS注释有着注解说明之用,常常我们使用CSS注解进行对CSS代码或布局CSS样式进行特别说明批注。

    也有条件注释进行功能性的使用。

    如果你在开发CSS中遇到需要特别说明地方,我们可以使用CSS注解进行注解说明。也有在团队开发中,注释有利于他人读取理解开发的CSS代码。合理利用注解尽量少地使用注释有利于兼容与减少文件大小。

    更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

    展开全文
  • css注解(css 注解)又被称作CSS注释(css 注释)是有css文件代码间加入注释,解释说明意思,就像我们学习语文一样文言文、诗词、文章用不同颜色进行批注说明一个道理,通常情况下css注释是不会被浏览器解释或被浏览器...

    什么是CSS注解?什么是CSS注释?CSS注释是什么?CSS注解是什么?

    css注解(css 注解)又被称作CSS注释(css 注释)是有css文件代码间加入注释,解释说明意思,就像我们学习语文一样在文言文、诗词、文章用不同颜色进行批注说明一个道理,通常情况下css注释是不会被浏览器解释或被浏览器忽略的。

    CSS注释教程篇

    一、CSS注解语法   -   TOP

    在CSS代码中进行注解

    注释语法:

    /* 注解注释内容 */

    二、HTML中CSS注释   -   TOP

    我们在HTML中直接使用style标签进行设置CSS样式,那CSS注释注解时候,我们仍然用“/* 注释内容 */”。

    .divcss5{ width:100px;}/* 宽度为100px */

    HTML中CSS注释截图:

    3d76ef2ec60e6c9a13ab5f1ccb0267ba.png

    CSS注解之html中注释

    三、CSS文件中CSS注释   -   TOP

    在CSS文件中CSS注释,仍然使用“/* 注释内容 */”语法进行注释注解。

    @charset "utf-8";

    /* DIVCSS5 www.divcss5.com */

    .divcss5{ width:100px;}/* 宽度为100px */

    CSS文件中CSS注释截图:

    c60b6c066deb65930a2c93adad4236db.png

    CSS文件代码中CSS注释

    四、CSS注释作用   -   TOP

    CSS注释有着注解说明之用,常常我们使用CSS注解进行对CSS代码或布局CSS样式进行特别说明批注。

    也有条件注释进行功能性的使用。

    五、CSS注释总结   -   TOP

    如果你在开发CSS中遇到需要特别说明地方,我们可以使用CSS注解进行注解说明。也有在团队开发中,注释有利于他人读取理解开发的CSS代码。合理利用注解尽量少地使用注释有利于兼容与减少文件大小。

    六、其它关于CSS注释介绍   -   TOP

    1、CSS注解作用,CSS注释作用

    css注解(css 注释)可以帮助我们对自己写的CSS文件进行说明,如说明某段CSS代码是什么地方、功能、样式等说明,以便我们以后维护具有一看即懂的方便性,同时在团队开发网页是时候合理适当的注解有利于团队看懂css样式是对应html哪里的,以便顺利快速开发div css网页。

    2、css注释用法

    (css注解)CSS注释是以“/*”斜杠一个星号开始,以“*/”星号斜杠结束,注解说明内容放到“/*”“*/”中间。

    3、css注解——div+CSS注释示例如下:

    /* www.divcss5.com的css注解实例css注释实例 */

    /* body定义 */

    body{ text-align:center; margin:0 auto;}

    /* 头部css定义 */

    #header{ width:960px; height:120px;}

    实例图如下:

    06feac9e5ef73e3576b6c46ef11cebd9.png

    CSS注释案例截图

    注意说明:注解“/*”和“*/”必须以半角英文小写,并且“*”符号不要和注释内容紧挨在一起,至少需要一个空格位置空着。

    您可能需要了解关于注释的其它知识:

    html注释、html注解

    展开全文
  • 刚刚调试一个css菜单的时候,发现css注释里面加入了中文,就失效了。假如换成是英文,又正常了。听一个朋友说IE6下,Css不支持中文注释。要么写英文的,或者干脆不要写。...查看了一下css文件

    转自:  http://blog.sina.com.cn/s/blog_4d96ee050100tvqj.html


    刚刚在调试一个css菜单的时候,发现在css注释里面加入了中文,就失效了。假如换成是英文,又正常了。听一个朋友说在IE6下,Css不支持中文注释。要么写英文的,或者干脆不要写。真是郁闷,因为我另外一个css样式文件里面也是有中文的,工作也是正常的啊。查看了一下css文件编码,是GB2312的,和网页编码UFF-8不符,随即改成UTF-8编码测试,解决。

     

    总结一下解决方法:

     

    方法一:
    首先查看你的页面文件文档编码和CSS的文档编码是否一致,如果不一致,就要手动修改使它们一致。
    例:
    你的页面文件使用的编码是“简体中文(GB2312)”而CSS文件使用的编码是“UTF-8”,这种情况下只要手动修改你的CSS文件的文档编码即可(因为我们做网站用的一般都是GB2312,也可修改页面文件)。
    在Dreamweaver8中→修改→页面属性→文档编码→简体中文(GB2312

     

    方法二:
    一般我们在Dreamweaver8中插入的CSS注释默认是这样的:/ *注释内容 * / ,而只要将此改为 / * * 注释内容 * * / 或 / * - 注释内容 - * / 即可。

    展开全文
  • 当浏览器读取样式表时,要依照文本格式来读,这里介绍四种网页中加入CSS样式表文件的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。并特别讲解多重样式表的叠加的运用以及如何xml插入CSS。 ...

      要想在浏览器中显示出预期的CSS样式表效果,就要让浏览器识别并正确调用CSS。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种在网页中加入CSS样式表文件的方法:链入外部样式表、内部样式表、导入外表样式表和内嵌样式。并特别讲解多重样式表的叠加的运用以及如何在xml中插入CSS。

      1. 链入外部样式表

    链入外部样式表是把样式表保存为一个样式表文件,然后在页面中用<link>标记链接到这个样式表文件,这个<link>标记必须放到页面的<head>区内,如下:

    <head> 
    …… 
    <link href="mystyle.css" rel="stylesheet" type="text/css" media="all"> 
    …… 
    </head>

      上面这个例子表示浏览器从mystyle.css文件中以文档格式读出定义的样式表。rel=”stylesheet”是指在页面中使用这个外部的样式表。type=”text/css”是指文件的类型是样式表文本。href=”mystyle.css”是文件所在的位置。media是选择媒体类型,这些媒体包括:屏幕,纸张,语音合成设备,盲文阅读设备等。

      一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时,所有页面的样式都随之而改变。在制作大量相同样式页面的网站时,非常有用,不仅减少了重复的工作量,而且有利于以后的修改、编辑,浏览时也减少了重复下载代码。

      样式表文件可以用任何文本编辑器(例如:记事本)打开并编辑,一般样式表文件扩展名为.css。内容是定义的样式表,不包含HTML标记,mystyle.css这个文件的内容如下:

      hr {color: sienna} 
    p {margin-left: 20px} 
    body {background-image: url("images/back40.gif")} 
    /*定义水平线的颜色为土黄;段落左边的空白边距为20象素;页面的背景图片为images目录下的back40.gif文件*/
        
      2.内部样式表

      内部样式表是把样式表放到页面的<head>区里,这些定义的样式就应用到页面中了,样式表是用<style>标记插入的,从下例中可以看出<style>标记的用法:

    <head> 
    …… 
    <style type="text/css"> 
    hr {color: sienna} 
    p {margin-left: 20px} 
    body {background-image: url("images/back40.gif")} 
    </style> 
    …… 
    </head>
     
      注意:有些低版本的浏览器不能识别style标记,这意味着低版本的浏览器会忽略style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生,我们用加HTML注释的方式(<!-- 注释 -->)隐藏内容而不让它显示:

    <head> 
    …… 
    <style type="text/css"> 
    <!-- 
    hr {color: sienna} 
    p {margin-left: 20px} 
    body {background-image: url("images/back40.gif")} 
    --> 
    </style> 
    …… 
    </head>

      3. 导入外部样式表 

    导入外部样式表是指在内部样式表的<style>里导入一个外部样式表,导入时用@import,看下面这个实例:

    <head> 
    …… 
    <style type=”text/css”> 
    <!-- 
    @import “mystyle.css” 
    其他样式表的声明 
    --> 
    </style> 
    …… 
    </head>
     
      例中@import “mystyle.css”表示导入mystyle.css样式表,注意使用时外部样式表的路径。方法和链入样式表的方法很相似,但导入外部样式表输入方式更有优势。实质上它相当于存在内部样式表中的。 
    注意:导入外部样式表必须在样式表的开始部分,在其他内部样式表上面。

       4. 内嵌样式

      内嵌样式是混合在HTML标记里使用的,用这种方法,可以很简单的对某个元素单独定义样式。内嵌样式的使用是直接将在HTML标记里加入style参数。而style参数的内容就是CSS的属性和值,如下例:

      <p style="color: sienna;margin-left: 20px;"> 
    这是一个段落 
    </p> 
    <!--这个段落颜色为土黄,左边距为20象素-->

      在style参数后面的引号里的内容相当于在样式表大括号里的内容。 
      注意:style参数可以应用于任意BODY内的元素(包括BODY本身),除了BASEFONT、PARAM和SCRIPT。
    本文来自: 网页设计大本营(www.code-123.com) 详细出处参考:http://www.code-123.com/html/2011129202602580.html

    展开全文
  • css(点击尾部阅读原文前往)英文原文:https://keithjgrant.com/posts/2017/06/self-documenting-css/Robert C. Martin写的《Clean Code》是我读过的最好的编程书籍之一,若没有读过,推荐你将它加入书单。...
  • 今天从SVN上获取同事更改后的代码编译运行,发现它那里边全部能显示的图片按钮我这里居然有部分显示不出来,查了半天终于搞出了问题的原因,原来是在CSS中定义图片按钮的样式时使用的中文注释的原因。...
  • Grant 译文:众成翻译/KINGzcfy.cc/article/thoughts-on-self-documenting-cssRobert C. Martin写的《Clean Code》是我读过的最好的编程书籍...注释就意味着代码无法自说明 —— Robert C. MartinMartin文中详细讨
  • CSS 如何添加注释
  • CSS文件在jsp 文件应该放的位置

    千次阅读 2017-10-30 20:28:43
    引入CSS在head, JS建议body的尾部引入; 这样有利于加载速度 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 ...
  • html以及css和js注释的方式以及作用

    千次阅读 2017-07-25 09:00:34
    一、HTML的注释方法 内容 包含“”之间的内容将会被浏览器忽略,且不会显示用户浏览的最终...单独的css样式表文件中也采用此方法注释 三、JS的注释方法 //js的单行注释方式 /* 这个是javascript的
  • css代码中加入注释内容的使用语法为 /* 文本 */CSS中的注释通常用于解释样式规则声明的用途。它将帮助您和其他人理解您编辑样式表时如何处理样式规则。浏览器不显示注释。CSS注释以/*,并以*/..见下面的例子:/* ...
  •  现在想说一下写PC/HTML5静态页面的时候为了方便快捷,而不是用构建工具那么如何将LESS/SASS的文件转成CSS文件?  ******  现在VSCODE备受欢迎已经不用多说:  ****** 需要下载 Easy LESS 插件 安装成功...
  • html注释代码:<!--注释内容--> css中注释代码:/*注释内容*/ js注释代码:①单行注释//注释内容;②多行注释/*注释内容*/
  • 直接内部引用说直接html标签元素内嵌入css样式,如这一种。...head放置来调用外部的wcss.css文件来实现html引用css文件 使用link来引用外部的css的优势 1、有利于SEO,使用此方法引用外部css文件,将使得html页
  • 具有相同的静态页面的一份前端应用,采用Nginx 部署相比采用Tomcat部署所使用的资源要小得多。因此,采用Nginx当作Web应用服务器也很合理。 Linux版本的Nginx部署应用时,...我们相关的配置文件中加入: includ...
  • HTML5学习_day10(2)-- css文件书写格式

    千次阅读 2016-10-11 20:36:13
    1.尽量将样式写一个单独的css文件里面,head里面去引用 1)实现了内容与样式的分离, 2)减少了页面的体积 3)css文件可以被缓存,重用,维护成本低 (注意:css文件只加载一次,重新刷新页面时会缓存里面找...
  • 项目的开发过程,如果一个页面有很多的小图标展现。浏览器展示页面时会向后台服务器发送很多的请求获取对应的图片,这样既浪费资源,也使得页面的加载变得很慢,影响客户的体验。此时我们可以采用将这些小图标...
  • Gulp解决引入node_modules下的js/css文件路径问题使用gulp-useref插件 使用gulp-useref插件 我们将文件构建到dist目录下后,我们的html会有一些对node_modules下的文件的依赖,例如jquery.js和bootstrap.css,这些...
  • 讲解提取css之前,我们先看下项目的架构如下结构: ### 目录结构如下: demo1 # 工程名 | |--- dist # 打包后生成的目录文件 | |--- node_modules ...
  • css判断ie版本才引用样式或css文件

    万次阅读 2017-06-20 22:09:23
    但愿望是美好的,现实却是残酷的,很多WEB开发人员开发实践发现,同一个CSS在IE9/10/11上显示的效果和其它浏览器渲染的效果还是不一样。也就是说,我们还是需要条件性注释。 那么,不支持条件性注释的IE10/11...
  • CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码...
  • 之前有整理过一部分知识点, 一直没有发布, 因为都是有关 CSS 方面的零散内容; 现在想想无论做什么都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给你们, 现在看到感觉还挺有意思 。 好了废话不...
  • 合并多个CSS或者js文件

    千次阅读 2012-06-18 13:08:43
    它会合并多个CSS或者JavaScript文件,移除一些不必要的空格和注释,...Minify 设计上和Yahoo的 Combo Handler Service非常像,不过Minify可以合并任何你想要合并的JavaScript和CSS文件。 一般情况下,网站速度的瓶颈
  • 好多盆友 很纠结 css命名规则 怎么弄,还没起步就被绊住了,那么今天蝈蝈就针对这个问题来讨论一下 没什么技术 含量,但却对效率开发...如何看待 CSS BEM 的命名方式? BEM的意思就是块(block)、元素(elemen
  • 一些泛WEB 2.0网站为了追求用户体验,可能会大量使用CSS和JS文件。这就导致服务器带宽一定的情况下,多用户并发访问速度变慢。如何加快网页响应速度?解决办法之一就是:依照Yahoo性能优化小组提出的N条性能优化...
  • CSS教程(四)如何网页插入CSS

    千次阅读 2005-11-08 20:11:00
    CSS教程(四)如何网页插入CSS 前两章我们了解了CSS的语法,但要想浏览器显示出效果,就要让浏览器识别并调用。当浏览器读取样式表时,要依照文本格式来读,这里介绍四种页面插入样式表的方法:链入外部...
  • CSS 排版与正常流 —— 重学CSS

    千次阅读 多人点赞 2020-10-14 14:17:28
    这一周我们重新回到《重学 CSS》系列,之前的文章我们重新学习了《 CSS 选择器》和《 CSS 语法与规则》。接下来我们就一起来讲讲 CSS 里面的排版与正常流。 讲解 CSS 当中的排版正常流的时候,我们会按照属性的...
  • 以前程序,有美工设计好了静态页面,而我们程序员将其整理成动态页面(例如jsp页面),一般程序员是不会管像...2 css文件开发版本尽量加入样式注释 3 css命名规则: css文件名称建议具有实际意义,例如,公用css

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 35,069
精华内容 14,027
关键字:

如何在css文件中加入注释