`
naruto1990
  • 浏览: 4557 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

css教程之简写与手写应该什么时候使用

阅读更多

下面的css教程的速记实例- 一个是简洁和其他精确。一来存在了想为简便起见,而其他仍然坚定地保持透明。无论哪种方式,他们有他们的目的,优点和缺点,可以这么说。这个职位将照耀在两个简写符号和符号速记一些轻,而结论是最好用的哪种情况。
什么是速记属性?
速记属性是一个属性取值为其他集合的CSS属性。例如,我们可以指定为边框宽度,边框样式,并使用单独的边框属性边框颜色值。
基本上,
边界:1px的固体蓝色;
是一样的:
边框宽度:1px的;
边框风格:固体;
边框颜色:蓝色;

css教程之简写与手写应该什么时候使用
这样,我们就不必单独声明个别属性值(这是多余的,时间和占用空间)。它也将重置声明,这东西可被利用的左出性能。
它是如何工作的?
就像前面提到的,我们写了一套速记其他属性值,顺序并不重要,如果以一种别样的shorthandare就像在边境的所有属性值。对于性质类似的像种边距值的,为了确实很重要。如果有疑问,顺时针切记!
现在,如果我们错过了什么,或者两个声明的属性?在上面的例子中,假设我们忽略边框样式。
边界:1px的蓝色;
css教程之简写与手写应该什么时候使用
我们将无法看到的边界了,不是因为速记属性没有工作,但因为边框样式,我们离开了,得到了默认值none。这是速记属性得到了呈现方式。
边界:1px的无蓝色;
现在让我们丢弃了1px的边框宽度,并保持其他两个:
边框:蓝色实;
css教程之简写与手写应该什么时候使用
我们将能够看到边界,只能用厚宽度,这是因为边框宽度属性得到了默认值中。
边框:介质中的固体蓝色;
这个结论对我们来说,当一个属性值遗漏了一个速记声明,该属性采用其缺省值(即使它有覆盖分配给同以往任何值)。
如果有边框宽度:1px的;某处边界前一个元素:蓝色实;对于相同的,边框的宽度将是介质(默认值),而不是1像素。
另一件值得一提的是,我们不能使用的值,像继承,初始或取消,这是适用于所有的CSS属性,在速记符号。如果我们使用这些,浏览器将无法确切地知道哪些属性值应该代表的简写 - 整个宣言将被丢弃。
的所有财产
有一个简写属性,可以为所有的CSS属性的值。 CSS-宽值继承,初始和取消适用于所有的特性,因此这些都是由allproperty接受的唯一价值。
DIV {
  所有:初始
}
这将使div元素沟所有CSS属性值它有,和重置他们每个人的默认值。
⚠警告
我们不要滥用全部财产。它可以在极少数情况下才会出现,当我们不能够触及我们希望这个属性应用到元素的任何先前的CSS代码的需要。
注意:CSS属性颜色取十六进制值与速记符号,如果十六进制值中的每一个色彩通道的两个数字是相同的。例如,背景:#445599;是一样的背景:#459 ;.
什么是手写的财产?
可以被包括在一个速记属性的个人属性称为普通写法的属性。一些例子为:背景图片,利润率左,动画持续时间等
我们为什么要使用它呢?
尽管速记的替代品方便,他们有一个缺点。还记得我们看到了如何速记覆盖任何遗漏属性的默认值不变的开始?这可能是一个问题,如果复位不希望的。
就拿字体速记属性为例。让我们把它用在H4元(其中有一个默认的浏览器样式字体重量:粗体)
字体:20px的“新信使”;
在上面的代码的简写,没有价值是那里的font-weight属性,因此该字体重量:大胆(浏览器默认样式)会由默认值字体的重量被覆盖:正常导致H4元素失去其大胆风格,这可能不是已意。
css教程之简写与手写应该什么时候使用
因此,对于上面的例子简单的两手写性质,字体大小andfont家庭是完美的。
此外,使用速记用于分配仅一个或两个属性值不是非常有用。为什么给浏览器的额外的工作来解释每一个属性(包括左外的)的简写,当只需要一个工作?
抛开生产,在发展阶段,一些开发商(尤其是新手)可能会发现使用普通符号容易得多比缩写更好的可读性和清晰度工作。
css教程之简写与手写应该什么时候使用
 
结论
如今具有快速编码的可能性(具有像埃米特工具的帮助)和微小,因此以上的css教程不需要在速记一个高可靠性,但在同一时间,这是一个很大的逻辑输入保证金:0;.上下文中,我们更喜欢我们的CSS代码符号会有所不同,我们所要做的就是找出什么符号将我们当效果最好。
分享到:
评论

相关推荐

    CSS网站布局实录 (第二版)PDF版

    ),智能、创造型布局思维(智慧、完美视觉艺术效果之CSS布局技巧、CSS Hack实践战略),Web技术团队倾情奉献(来自CSS布局与Web标准应用之先驱——闪客帝国... [显示全部] 《CSS网站布局实录:基于Web标准的网站设计指南...

    10-23-css3手风琴.zip

    标题中的“10-23-css3手风琴”指的是一个使用CSS3实现的手风琴效果的示例项目。在网页设计中,手风琴效果通常用于在一个有限的空间内展示可展开和折叠的内容块,这在展示多个相关但不都需要同时显示的信息时非常有用...

    CSS可视化编程工具

    从提供的文件名来看,"vcssSetup13.exe"很可能是一个名为“VCS”(可能是“Visual CSS”的缩写)的版本13的安装程序。这个工具可能提供了类似上述的功能,帮助用户进行CSS的可视化编程。"说明_Readme.html"文件则...

    手写签字dome.zip

    总的来说,这个"手写签字dome.zip"项目是一个实用的前端开发示例,它展示了如何使用JavaScript在Web环境中实现手写签字功能,这对于开发需要用户在线签名的应用具有很高的参考价值。无论是初学者还是经验丰富的...

    基于PHP的钢笔手写体生成工具php版源码.zip

    【标题】中的“基于PHP的钢笔手写体生成工具php版源码”指的是一个使用PHP编程语言开发的软件工具,其主要功能是能够生成模拟钢笔手写的文本效果。在网页应用或个性化设计中,这种功能可以让用户感受到更加亲切和...

    网页编辑中CSS样式表技巧总结

    在给CSS文件命名的时候,可以使用符合语义的英文名或者缩写命名。在非常用部分也许会用部分拼音命名。另外,在某些有从属关系的class里,可以使用类似「list_banner」之类的命名,即父元素名加上「_」再加上元素名。...

    编写HTML和CSS的6种最有效的方法

    - **Backfire**: 可以保存Firebug中的CSS修改,方便下次使用。 - **Live.js**: 实时更新CSS,无需刷新浏览器即可看到效果。 - **CSS Auto Reload**: 类似Live.js,但允许设置自动重载时间。 - **Yahoo Grid ...

    rupture:手写笔中的简单媒体查询

    破裂 简单的媒体查询手写笔。... 所有这些变量的作用域都在rupture之下,因此与css关键字或其他库没有冲突。rupture.mobile-cutoff mobile混合器插入的像素值,也是tablet混合器的下限。rupture.desktop-cutoff desktop

    lost-sass-gulp:[WIP]使用手写笔和Gulp迷失了

    在这个名为"lost-sass-gulp"的项目中,开发者遇到了使用Sass(一种流行的CSS预处理器)与Gulp(一个自动化构建工具)集成时的问题。下面我们将深入探讨这两个技术以及它们的结合使用。 Sass,全称Syntactically ...

    7个Web前端极其精美的播放器组件源码(六)

    在本文中,我们将深入探讨七个极其精美的Web前端播放器组件之一,该组件的源码在"bofangq"文件中。这个播放器组件专为Web开发者设计,旨在提供优质的用户体验,同时支持丰富的功能和定制选项。让我们一起探索这个...

    jQuery详细教程

    提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。在本教程接下来的章节,您将学习到更多有关选择器的语法。 文档就绪函数 您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready ...

    后台登录页面及功能

    Ajax是Asynchronous JavaScript and XML的缩写,虽然现在XML在实际应用中较少,但Ajax的核心理念是通过JavaScript异步地与服务器交换数据并更新部分网页,无需刷新整个页面。这使得登录过程更为流畅,用户体验更佳。...

    stylelint-declaration-strict-value:指定必须使用变量,函数,关键字或值的属性

    目录ignoreVariables 禁用特定道具的变量ignoreFunctions 禁用特定道具的功能ignoreValues 简单单值值清单复杂的强大哈希映射ignoreKeywords(不建议使用) 简单的单个关键字关键字清单复杂的强大哈希映射CSS简写...

    Ishottsf

    描述中的"Ishottsf"同样没有提供额外的信息,可能是因为这是一个简写、缩写或者项目代号,具体含义需要更多上下文才能理解。如果这是一个自定义字体,那么它可能具有独特的风格和特点,用于创造特定的视觉效果。 ...

    过时的主题

    而"手写笔"可能是指手写CSS,即不依赖预处理器,直接编写原始的CSS代码。 对于"过时的主题",有以下几点应对策略: 1. **更新主题**:寻找并应用最新的主题模板,确保它们兼容最新的CSS规范和浏览器版本。 2. **...

    HTML基础加强的课件和笔记及图片案例

    它是互联网的基础,让开发者能够构建结构化的文档,并通过样式表(如CSS)和脚本语言(如JavaScript)来控制网页的外观和交互。在"HTML基础加强的课件和笔记及图片案例"中,内容涵盖了HTML学习的重要知识点,旨在...

    MOSES

    例如,在Web开发中,可以使用CSS来定义字体样式,通过`@font-face`规则加载自定义字体。而在桌面应用或移动应用中,开发者需要确保字体文件与应用程序一起打包,并正确配置资源。 此外,字体的版权问题也是IT行业...

    【ssm项目源码】停车场信息管理系统.zip

    5. **用户界面与交互**:前端可能使用HTML、CSS和JavaScript技术进行开发,可能采用Bootstrap、Vue.js等库来增强用户体验。用户界面应简洁易用,提供停车预约、查询空闲车位、缴费等功能。 6. **权限控制与安全**:...

    Snappyse

    Snappyse是一款专注于字体设计的工具,其名称可能源于“snappy”(快速、敏捷)和“se”(可能是搜索引擎或视图的缩写),暗示了该软件在处理字体时的高效与便捷。在IT行业中,字体设计是图形用户界面(GUI)的重要...

    jQuery1.2API

    jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式来查找所有匹配的元素。 默认情况下, 如果...

Global site tag (gtag.js) - Google Analytics