欢迎登录课课家教育
看不清
√
十天内免登录
忘记密码?
登录
还没账号?
马上注册
注册有礼!
登录
首页
视频课程
模拟题库
新闻中心
IT文库
读书
招聘
博客
论坛
商城
hot
我的课课家
软考
photoshop
oracle
PHP
hcnp
Maya
java
1-5折限时秒杀
限时折扣专场
优惠课程套餐
进阶学习线路图
考试认证
软考
|
华为认证
|
思科认证
|
H3C认证
|
等级考试
|
一级建造师
|
二级建造师
|
PMP考试
|
注册安全工程师
|
其他
|
编程语言
Java
|
C/C++
|
Python
|
.Net
|
VB
|
R语言
|
Go语言
|
其他
|
设计
平面设计
|
网页设计
|
室内设计
|
工业设计
|
交互设计
|
CG插画
|
二维动画
|
三维动画
|
游戏美术
|
建筑设计
|
影视后期
|
包装设计
|
其他
|
Web开发
PHP
|
ASP
|
AJAX
|
Javascript
|
jQuery
|
Html/CSS
|
XML/XSL
|
Dreamweaver
|
浏览器技术
|
其他
|
移动开发
Android
|
IOS
|
Swift
|
Webapp
|
微信开发
|
HTML5
|
其他
|
游戏开发
Cocos2d-x
|
Unity3D
|
手游开发
|
3D游戏
|
开发工具
|
其他
|
数据库
MySQL
|
Access
|
Oracle
|
SQL Server
|
NoSQL
|
MongoDB
|
其他
|
系统/运维
Linux
|
Windows
|
Mac os
|
Exchange
|
服务器集群
|
shell script
|
Vmware
|
网络管理
|
路由交换
|
其他
|
Office
Excel
|
Word
|
PPT
|
其他
|
云计算
OpenStack
|
虚拟化
|
云平台
|
Office 365
|
云服务
|
Docker
|
其他
|
产品/运营
产品设计
|
活动策划
|
数据分析
|
网络编辑
|
其他
|
大数据
Spark
|
Hadoop
|
Hive
|
其他
|
嵌入式开发
嵌入式Linux
|
驱动/内核开发
|
单片机/工控
|
物联网
|
软件研发
软件测试
|
敏捷开发
|
研发管理
|
软件设计
|
软件架构
|
其他
|
企业信息化
ERP
|
BPM
|
管理软件
|
其他
|
其它
IT职场
|
网络营销
|
多媒体
|
互联网运营
|
其他
|
名课折扣
免费课程
套餐
学习线路图
专题课程
老男孩Linux系统
设计软件教程
计算机考证
公众号/APP端
关注微信公众号,可下载APP应用。
帮助中心
创建学院
客服QQ:3315713922
IT培训
/
新闻资讯
/ 编程语言教程
/ css教程之简写与手写应该什么时候使用
css教程之简写与手写应该什么时候使用
作者:Comet 来源: 课课家教育 www.kokojia.com
点击数:821
发布时间: 2015-07-27 09:38:34
标签:
css教程
css代码
css视频教程
下面为大家
css教程
的速记实例- 一个是简洁和其他精确。一来存在了想为简便起见,而其他仍然坚定地保持透明。无论哪种方式,他们有他们的目的,优点和缺点,可以这么说。这个职位将照耀在两个简写符号和符号速记一些轻,而结论是最好用的哪种情况。
什么是速记属性?
速记属性是一个属性取值为其他集合的CSS属性。例如,我们可以指定为边框宽度,边框样式,并使用单独的边框属性边框颜色值。
基本上,
边界:1px的固体蓝色;
是一样的:
边框宽度:1px的;
边框风格:固体;
边框颜色:蓝色;
这样,我们就不必单独声明个别属性值(这是多余的,时间和占用空间)。它也将重置声明,这东西可被利用的左出性能。
它是如何工作的?
就像前面提到的,我们写了一套速记其他属性值,顺序并不重要,如果以一种别样的shorthandare就像在边境的所有属性值。对于性质类似的像种边距值的,为了确实很重要。如果有疑问,顺时针切记!
现在,如果我们错过了什么,或者两个声明的属性?在上面的例子中,假设我们忽略边框样式。
边界:1px的蓝色;
我们将无法看到的边界了,不是因为速记属性没有工作,但因为边框样式,我们离开了,得到了默认值none。这是速记属性得到了呈现方式。
边界:1px的无蓝色;
现在让我们丢弃了1px的边框宽度,并保持其他两个:
边框:蓝色实;
我们将能够看到边界,只能用厚宽度,这是因为边框宽度属性得到了默认值中。
边框:介质中的固体蓝色;
这个结论对我们来说,当一个属性值遗漏了一个速记声明,该属性采用其缺省值(即使它有覆盖分配给同以往任何值)。
如果有边框宽度:1px的;某处边界前一个元素:蓝色实;对于相同的,边框的宽度将是介质(默认值),而不是1像素。
另一件值得一提的是,我们不能使用的值,像继承,初始或取消,这是适用于所有的CSS属性,在速记符号。如果我们使用这些,浏览器将无法确切地知道哪些属性值应该代表的简写 - 整个宣言将被丢弃。
的所有财产
有一个简写属性,可以为所有的CSS属性的值。 CSS-宽值继承,初始和取消适用于所有的特性,因此这些都是由allproperty接受的唯一价值。
DIV {
所有:初始
}
这将使div元素沟所有CSS属性值它有,和重置他们每个人的默认值。
⚠警告
我们不要滥用全部财产。它可以在极少数情况下才会出现,当我们不能够触及我们希望这个属性应用到元素的任何先前的
CSS代码
的需要。
注意:CSS属性颜色取十六进制值与速记符号,如果十六进制值中的每一个色彩通道的两个数字是相同的。例如,背景:#445599;是一样的背景:#459 ;.
什么是手写的财产?
可以被包括在一个速记属性的个人属性称为普通写法的属性。一些例子为:背景图片,利润率左,动画持续时间等
我们为什么要使用它呢?
尽管速记的替代品方便,他们有一个缺点。还记得我们看到了如何速记覆盖任何遗漏属性的默认值不变的开始?这可能是一个问题,如果复位不希望的。
就拿字体速记属性为例。让我们把它用在H4元(其中有一个默认的浏览器样式字体重量:粗体)
字体:20px的“新信使”;
在上面的代码的简写,没有价值是那里的font-weight属性,因此该字体重量:大胆(浏览器默认样式)会由默认值字体的重量被覆盖:正常导致H4元素失去其大胆风格,这可能不是已意。
因此,对于上面的例子简单的两手写性质,字体大小andfont家庭是完美的。
此外,使用速记用于分配仅一个或两个属性值不是非常有用。为什么给浏览器的额外的工作来解释每一个属性(包括左外的)的简写,当只需要一个工作?
抛开生产,在发展阶段,一些开发商(尤其是新手)可能会发现使用普通符号容易得多比缩写更好的可读性和清晰度工作。
结论
如今具有快速编码的可能性(具有像埃米特工具的帮助)和微小,因此以上的css教程不需要在速记一个高可靠性,但在同一时间,这是一个很大的逻辑输入保证金:0;.上下文中,我们更喜欢我们的CSS代码符号会有所不同,我们所要做的就是找出什么符号将我们当效果最好。想了解更多
css视频教程
欢迎大家来课课家教育
网络教学平台
进行查询观看!
赞(
29
)
踩(
1
)
分享到:
上一篇:
JavaScript基础教程_javaScript函数执行方法和语法
下一篇:
css怎样操作页面文字不换行、自动换行、强制换行
最新教程
人工智能是AI机器人落地的最好场景
得物容器安全技术探索与落地实践
DK19都出来了~是时候梳理JDK的各个版本的特性「JDK9特性讲解」
MyBatisPlus联表查询短板有工具补齐了,微服务架构也可以优化了
年底了我裁完兄弟自己也离职了,复习了Java锁的底层准备面试...
热门教程
香农定理与奈奎斯特定理分类详解
人工智能是AI机器人落地的最好场景
人工智能取代人类的工作会带来哪些影响?
【Python 课堂】第70课—— lambda 表达式怎么用
处理C语言中数据精度问题的方法
编程语言为您推荐
AP计算机科学A(APcomputer science A)复习备考攻略视频教程
42796 人在学
C++基础到进阶视频教程
22676 人在学
10亿级订单数据解决方案以及实现(真实工业界案例)视频教程
19636 人在学
分布式集群任务调度解决方案视频教程
12780 人在学
Beego新闻发布系统后台视频课程
3432 人在学
资料下载
2022下半年信息系统项目管理师上午综合知识真题及答案解析
2022下半年信息系统项目管理师下午案例分析真题及答案解析
2022下半年系统集成项目管理工程师上午真题及答案解析
2022下半年系统集成项目管理工程师下午真题及答案解析
2022下半年网络工程师上午真题及答案解析
查看更多相关资料
推荐查看
php框架
编程培训
HTTP
ios开发培训
linux编程
图形按钮
Word
SpringBoot
java编程网站
有趣的python
Eclipse PyDev
python环境运行
AST
人工智能课程
java基础教程
Spark项目
数据输入
python项目教程
iOS
spring方法
Web容器
微信小程序
编程开发课程
java并行
Java设计
网页编程语言
Spring
java源码
C代码
C指针比较
热门资讯
在Excel表格中输入日期的五种方法与技巧
office最常用的三大办公软件
word如何取消自动编号(教你4个方法关闭word自动编号)
AI教程:如何让图形沿着路径复制?
四步教你在excel柱形图上添加折线图
【Python 课堂】第4课——变量
怎么在word表格中显示和隐藏表格中的虚线框
AI教程:如何沿着对象的路径输入文字?
9个最全游戏制作软件大全
MAC Excel 在单元格中如何换行?
热门图书
Web前端开发技术:HTML、CSS、JavaScript
网页设计与网站建设完全实战手册
HTML5秘籍(第2版)
跟老齐学Python:从入门到精通
HTML5跨平台游戏设计-从入门到超人气游戏开发实战
JavaEE开发的颠覆者: Spring Boot实战
写给大忙人看的Java核心技术
Unity 5.X 3D游戏开发技术详解与典型案例
Python算法教程
Python数据分析与挖掘实战