仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 798|回复: 7
打印 上一主题 下一主题

[DIV+CSS] CSS教程之你怎样誊写CSS代码?

[复制链接]
透明 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:52:11 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
网页制造poluoluo文章简介:你怎样誊写CSS代码?
纵向誊写特性:

每一个CSS属性自力一行,一样平常不会呈现换行或横向转动条。
能够经由过程firebug等工具查找到模块,在DW中ctrl+g行定位,修正便利。
属性段落间有缩进,包管了代码的整齐,条理分明,切合编程言语代码标准,修正加倍直不雅。
存在的成绩:代码冗余(如空格符、tab符、换行符);文件巨细增添;简单呈现纵向转动条。
横向誊写特性:


最年夜化的使用了空间,单屏内能显现更多,减小了纵向转动条呈现的概率,可以疾速捕捉较多的信息。
减小了文件巨细,省往了不用要的空格、换行等。
横向誊写便利分块和正文,便于检察CSS布局,选择符一览无余。现今显现器正朝着愈来愈年夜,愈来愈宽开展,基础上一行内能够显现完整。
加速编写CSS速率,不必每次敲换行和tab,而且削减拉动转动条的次数。
假如是举动页,不必作紧缩处置。利用CSSoptimizers来优化CSS是倡始的,可是利用横向誊写,基础上不存在过剩的空格和换行,因而能够不必紧缩,如许效力和才能城市失掉进步。
便于浏览和查找相干布局。代码编纂器对偕行数定位做的都对照好,因而我们要办理的是怎样疾速纵向定位方针。横向誊写时选择符纵向对齐,再加上
.class_name_2.class_name_2_1.class_name_2_1_1的选择符井井有条,因而很简单定位到方针。
在调试小Bug的时分就能够间接翻开CSS变动,不必再翻开firebug往找到模块。
横向誊写,是基于CSS选择符的写法,条理简单对照,更利于模块化。对全体CSS计划有优点,前期保护本钱低。
便于分歧版本的CSS代码对照。
存在的成绩:誊写过密,从而影响浏览。这类坏处不言而喻,但只需优化做抵家,这类情况会很少。

只管关于现现在的带宽来讲,网页文件那仅以K为单元的巨细其实是微乎其微,但怎样将这以K来盘算的网页文件精简到最小仍是网页计划师们应当思索的成绩之一。而横向誊写省往了不用要的空格、换行等,年夜年夜减小了文件巨细。我们不克不及说哪一种誊写是对的,至于详细接纳哪一种写法依团体选择,固然改动习气大概会影响一团体的事情效力,那我们倡始的是:提交的CSS款式文件是经由代码格局化的,而这个事情能够完整交给DW等工具,我们只需点击一下,全部文件就会像我们设想的那样出现出来。如许的代码看起来很恬逸,修正简单,团队成员在后续交代也会变得加倍顺遂。

层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-17 23:44:34 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
分手快乐 该用户已被删除
板凳
发表于 2015-1-23 14:01:19 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
精灵巫婆 该用户已被删除
地板
发表于 2015-1-31 18:50:24 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
透明 该用户已被删除
5#
 楼主| 发表于 2015-2-6 22:40:59 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
简单生活 该用户已被删除
6#
发表于 2015-3-6 13:08:38 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
飘飘悠悠 该用户已被删除
7#
发表于 2015-3-13 02:09:05 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
小魔女 该用户已被删除
8#
发表于 2015-3-20 10:14:11 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:10

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表