菜单

是时候再提web标准

2019年11月21日 - 皇家前端

完美摸底,权衡利弊,方可取舍

用作前端,实现后生可畏种结构依旧生机勃勃种效应,往往有数不完方案得以用,比如上边所列的html结构,还应该有我们常用到的布局方案,CSS效果落到实处,js的点子,逻辑实现,大家常提到的框架恐怕库的取舍等

合理性——语义化、结构、逻辑、交互等
成本——学习、合作、迭代、维护等
相称——多版本浏览器,多终端等
性能——传输、解析、查询等

举个栗子,借使您想做动漫,如何做?

flash、css3、js、svg、canvas、Gif等

只有当我们对每一种完成格局或方案都胸有成竹了,知道了它的优劣点和选用项景,手艺选用自如,不然正是松绑住了和煦的小动作。

是时候再提web标准

2016/07/06 · 根基手艺 ·
WEB

最早的作品出处: 灵感(@灵感_idea
)   

内需留意的几点

被忘记的角落——无障碍设计

开荒人士使用HTML、CSS和JavaScript创设富网络应用程序时,往往把残疾职员抛在脑后,因为我们本人大多是身吉祥如意全的人,所以,往往忽略了另意气风发有些费力人员对付加物的利用和内需。其实大家得以扭转这种范围。WAI-A锐界IA能够提供足够的语义,以作保富互连网应用是能够领略的,并且未来已经收获相对较好的帮忙。

WAI-A哈弗IA是一个为残疾职员等提供无障碍访谈动态、可人机联作Web内容的技能职业。重如若为了升高网页的可用性,网页对残废之人员的无障碍化,是对
HTML 语义化的互补。它具备比现成的 HTML
成分和品质更全面包车型大巴表达本事,并让你页面桐月素的涉嫌和含义更鲜明。

什么样行使WAI-AHavalIA?

应用于HTML的A本田CR-VIA有两有个别构成:role(角色)和带aria-前缀的属性,其坚守:

role(剧中人物)标志了一个要素的功力
aria-属性描述了与之有关的事物(特征卡塔尔及其是怎么着的(状态卡塔尔国

AEnclaveIA在HTML中使用有其和睦的正式,实际不是说在HTML中应用了A奥迪Q7IA,Web页面就无障碍化了,就进步了可访谈性了。言外之音,A驭胜IA未有用好,反而会把您带到另八个坑中,使用你的页面可访谈性更差。

越来越多关于AHighlanderIA的应用,是叁个大话题,不是后生可畏两句能够说得明白,风野趣多驾驭的,能够参见一下那篇文

文书档案结交涉含义为先

小编们都明白,已毕大器晚成种效应能够有多样情势,那么哪个种类才是最优的?来看例子

上学财富的抉择、标准的衡量

学学财富超级重大,是还是不是康健?是或不是准确?那决定了你对生龙活虎项技术依旧一个知识点的早先时代印象,风流倜傥旦跑偏不知要多长期才修正得重返,更何况这种代价比超级多时候是没须要的。

那是自己在博客园上看到的五个难点能够看作参照
“若想学 HTML,应从哪儿入手?”
前端开拓根基扎实的正规化是何许?

大家能够看看哪些是和调谐的景况相切合,它们就真就是很华贵很保证的筛选啊?举个例子:http://w3school.com.cn/,
超级多初学者的最爱,并且随着那域名,也会感觉它是跟w3c协会相关的权威的官网,实则它和w3c协会半点关系都没有,当然也并非说它有多差,很三人因之收益,可是那是一种属性上的回味错误,实际上它当中的有个别内容也是张冠李戴的。

并且标准,分歧人眼里的正统也是莫衷一是的,能写出页面是规范呢?能准确使用全数标签是标准吧?能自如使用各样布局是专门的学问吗?都不是,我们直接在开展一个“点——线——面——体”的历程,无论是单项手艺,如故阅世,综合力量,大家都在不停的储存和填充,单个点和单个方向做得相比较好,不意味你就处于二个高的程度面上,或者在另三个地点你还缺了一大块,所以,不断追寻、搜求,不断大力就好。

标题

用作标题,特点也轻巧,比页面上其它的文本更加大、越来越粗。
作者们能够这么写:

1、

XHTML

<span class=”head”>笔者是标题</span>

1
<span class="head">我是标题</span>

2、

XHTML

<p><b>小编是题目</b></p>

1
<p><b>我是标题</b></p>

3、

XHTML

<h1>我是题目</h1>

1
<h1>我是标题</h1>

不看代码的景况下,三者能够相近,但看了代码的话,我们应该都会第两种写法是最棒的,第二种写法的补益有何?

1、本身是块级成分
2、是异样的,不像p或许span等因素会用到页面当中的相当多地点
3、特别入眼的是,在不加任何css法规的情事下,标题成分依然彰着是个题目,页面包车型大巴无样式视图将显得其预期的文书档案结构,正确的题目成分传递了“意义”而不只是表现指令
4、显示屏阅读器、手提式无线话机和别的浏览器也将领悟如哪里理标题成分
5、找出引擎友好,除了title和meta,标题是最恐怕存在重大字的地点,利用好它,会越来越便利客户找到你的页面

唯独它有未有标题找麻烦着我们呢,答案是有,h1和h2那么些题目标暗中同意样式被以为过分粗大,那会让多少人赞成于接收更加高等第的标题成分,其实那么些我们都清楚,不是大标题,能够用css来决定,前提是:先结构,后展现。至于接收使用h几,亦不是还未重申的,它们既是是分了等级,那自然是有必然意义所在,平日的话,h1是个主要的标志,页面个中有三个就好,然后,不要现身相同h2包裹h1的场馆。

**背景**

**web规范是个陈陈相因的话题。引进国内的时刻,粗略算下来,有十年左右了。不过由于国内前端优才的贫乏和连锁教育跟进的迟滞,造成了众几个人都还未对它引起丰盛的垂青并应用到和睦的莫过于项目此中,同一时候又花了超多精力在混乱的新本领方案和工具中,这就招致了技巧断层,影响不是三个两个人,而是一大片段,要是再缺乏相关的正确引导,就能够保留相当多不得法的编码习于旧贯,对于个人成长和所做的品类都以不利于的。**

干什么是时候再提呢?能够先来看看上面一张有着自然代表性的图,截自己的企鹅群(152128548卡塔尔国

皇家前端 1

1、标签仍在被滥用
2、注重觉,轻语义和结构
3、热衷于跟进火爆新技术,不器重基本功
4、当本人在跟大家说注重幼功的时候,要么有些许人说原生js,要么有些人会说css原理和手艺,没人说html

出于以上的几点,加上各类场所和集会犹如非常少聊到那一个地点的事物,新手在被行家“牵”着走,老司机的生气又不在此些相比底工的事物上。那篇文呢,正是跟我们一齐回到源点,去探访哪些做才终于相符了web标准的编码。

表格

今昔只要波及表格(table卡塔尔国,很三个人会认为滑稽,使用web标准创设网址的一个最乖谬的说法正是你应有永世不利用表格。

准确,使用table来布局确实是有瑕玷,但并不代表大家不可能用表格来做契合它做的事,举个例子:数据化表格。

最简便易行的表格能够有上面那个组织:

XHTML

<table>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
<tr><td></td><td></td></tr>
</table>

1
2
3
4
5
<table>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
</table>

神跡,大家会在表格的最上端加一点表达性文字,经常我们会习贯性的使用h*依旧p标签来包裹那风流罗曼蒂克段内容,借使您是用div,那么…

实在大家有更加好的选项——<caption>,这一个是表格自个儿的专有标题哦,有它为什么大家还要用其余啊?

除去,如若大家想给表格的首先行算作表头,能够怎么办吗?能够这么:

XHTML

<tr><th></th><th></th><th></th></tr>

1
<tr><th></th><th></th><th></th></tr>

把那行代码放在第大器晚成行,th标签会给它区别于td的样式来不同出和别的行的例外,此外它可以是行的,也足以是列的,怎么差别呢?还或者有那个——scope属性scope=row/col,把此属性增加到th标签中就能够安装它的名下。

但像这种类型就够了啊,即使对于简易的表格来讲已经非常好,那么看似它还并未有比较清晰的逻辑结构,那么,不卖关子了。较完整的报表,应该是底下那样:

XHTML

<table summary=”那是叁个表格的内容简要介绍” cellspacing=”0″>
<caption>表格标题</caption> <thead> <tr> <th
scope=”col” id=”name”>姓名</th> <th scope=”col”
id=”address”>地址</th> <th scope=”col”
id=”databirthday”>出寿诞期</th> </tr> </thead>
<tbody> <tr> <td>ewee<td>
<td>hubei<td> <td>一九八七0102<td> </tr>
<tr> <td>rewe<td> <td>wuhan<td>
<td>419870103<td> </tr> <tr>
<td>ertww<td> <td>yichang<td>
<td>19900205<td> </tr> <tbody>
<tfoot><tr><td>one</td><td>two</td><td>three</td></tr></tfoot>
</table>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table summary="这是一个表格的内容简介" cellspacing="0">
    <caption>表格标题</caption>
        <thead>
            <tr> <th scope="col" id="name">姓名</th> <th scope="col" id="address">地址</th> <th scope="col" id="databirthday">出生日期</th>
            </tr>
        </thead>
        <tbody>
            <tr> <td>ewee<td> <td>hubei<td> <td>19870102<td>
            </tr>
            <tr> <td>rewe<td> <td>wuhan<td> <td>419880103<td>
            </tr>
            <tr> <td>ertww<td> <td>yichang<td> <td>19870205<td>
            </tr>
    <tbody>
    <tfoot><tr><td>one</td><td>two</td><td>three</td></tr></tfoot>
</table>

是或不是清醒分外的清晰,慢着,summary=”这是一个报表的内容简单介绍”那句是何等鬼?行吗,看内容便知,它是关于表格的叁个简单介绍,那么些简单介绍顾客是看不到的,荧屏阅读器能够利用该属性。

3、热衷于“向前看”

上学新工夫,丰富自个儿的本事树——html5、canvas、svg、react、ES6等。

缓慢解决“难题”——认为日常的劳作没什么挑衅了,所以不屑于去深挖本人已经会了事物。

做出光彩夺目的效果——纯CSSLogo、动漫,3D动漫,canvas动画等。

跟风式学习——咱们都在谈,产业界都在捧,看起来很好的事物,就起来不意志力不安,蓄势待发,其实有句话叫做:“基本功不牢,地崩山摧”,兴致冲冲的去上学新的东西的时候,往往会开采,未有足够的底蕴,是很难前进的。

上边说的这个是错的么?当然都对,非常是在本领进步创新迭代速度快的网络世界,想会得越多让自个儿更加强,同临时候会的越来越多在实际上利用中可接收的方案也越多,兴趣驱动去读书,这是好事,小编要好也是如此的,但大家须求潜心的是,学习不是一条直线,无法顺着一条线平昔往前冲,除了长度,还恐怕有深度,需求大家不住的从种种方面去打磨和填充才干有起色。

击溃代码洁癖,html标签并不是越少越好!

代码究竟依然要交给浏览器依然是显示器阅读器去读,实际不是人,所以,要是我们只是实现了让人瞅着是安适的,舒性格很顽强在荆棘丛生或巨大压力面前不屈的,就跑偏了,当然,这里不是为有些不须要的竹签和嵌套找正当理由,而是站在构造和语义的角度,去行使应当的,有意义的价签,标记网页中供给点缀的源委,告诉浏览器它们是怎么着。而不唯有是站在视觉角度考虑需无需。

web标准之外

当量变引起质变

1、维护性

举个栗子,如若大家去做事,两四人时得以随意站,10私家大概就要排队了,即使有更加多的人就供给有人维持秩序,再回升一个量级,恐怕还要分批放人,不然地方会失控。

页面是同意气风发道理,黄金时代五个页面,几十众多行代码,这就绝不太留意怎么写,分歧方式带来的差别是能够忽视不计的。几十一个页面吗?上千行代码呢?

2、性能

质量最少关乎三个地点,代码的实践功效和文件大小。二个决定了代码的剖析和实施进程,二个垄断了传输速度。这里不细说。

3、兼容

从那个时候的浏览器大战,后来相比较坑的IE低版本,到近日的各样分辨率移动设备和种种安卓、ios版本浏览器的极度,微信内核浏览器的相称,等等。大家以前在做这么的事,以往也会。

上面说了,做出了切合标准的web页面,不表示大家就高枕无忧,还只怕有任何相当多的实在难题会在量变到早晚程度的气象下给大家创制麻烦,形成质变。那我们将何以回复那些质变?本文不做详述,只当作叁个引子,后续会再写生龙活虎篇文章来和贵胄琢磨“web应变之道”。

下次见!皇家前端,~

 

1 赞 2 收藏
评论

皇家前端 2

难题源于

布局和突显分离了吗?

从大家初阶接触抽离观,大概就有黄金年代种认知,html里面不用有内联只怕内嵌的体制,就是分手了,其实不然。
那带来了三个结局,不推崇标签和类重视。所以,貌似我们早已完全做到了拜别,但分离之后,结构并不曾做好它的本职职业,然后可能引起大家只能要用类加以区别,反而因为要照望到样式,在构造和显现之间创立非常多纷纭复杂的联系,那也是拉动尊敬难点的发源之大器晚成。不要全部业务都交给CSS扑灭,让CSS只做它该做的,也并非让和谐在标签上采纳的失误形成细针密缕的理由。

列表

如何特色呢?最分明的就是有成千上万项,项和项之间相互独立,竖着排列,像这么

本人是列表
本身是列表
本人是列表

它能够被什么写啊?

1、

XHTML

自己是列表<br> 笔者是列表<br> 作者是列表<br>

1
2
3
我是列表<br>
我是列表<br>
我是列表<br>

2、

XHTML

<li>小编是列表</li> <li>作者是列表</li>
<li>笔者是列表</li>

1
2
3
<li>我是列表</li>
<li>我是列表</li>
<li>我是列表</li>

3、

XHTML

<ul> <li>小编是列表</li> <li>笔者是列表</li>
<li>小编是列表</li> </ul>

1
2
3
4
5
<ul>
    <li>我是列表</li>
    <li>我是列表</li>
    <li>我是列表</li>
</ul>

上边二种是比较间接想到的没有错写法,当然也得以用ol,算同风姿罗曼蒂克种方法。它们所能完结的功效是相近的,往往我们会从表现的角度思谋说第风流倜傥种缺乏灵活,不能够调整样式,第三种艺术浏览器也不会不搭理你,它会把li拆解解析成块级成分,让它们单独排列,但它失去了报告浏览器“小编是个列表”的注明,也便是外围容器(ul/ol卡塔 尔(阿拉伯语:قطر‎,最好的写法料定是第二种,它不止看上去是对的,还告诉浏览器那是个列表,还大概有列表所应有的特色,举例“缩进”和“重视号”,当然,最大的补益仍是它是有含义的,也是为何那边未有提div和p等成分的由来。

<strong><em><b><i>和任何短语成分

短语成分,在于调节的颗粒越来越小,非亲非故布局,和显现也不曾太大关系(即使它会有加粗只怕偏斜的效应卡塔尔,用来对于页面中的某个特殊内容做出非常的标志,比如“强调”、“援引”等。

那么它们的不同在什么地方?

<strong>代替<b>,<em>代替<i>

流言意义和布局,并非提交表现指令。

<em>代表重申,<strong>意味着进一层强调,在语音合成器客户代理场景下,它们还展现为音量、音调及语速的区分。如若八个成分必要既重申又斜体,那么大家能够筛选准确的标签,然后经过体制来决定别的地点。

诸如此比之外还恐怕有任何短语成分,举例:

<cite> 包括对此外来源的引言或援引
<code> 钦点三个Computer代码片段
<var> 表示贰个变量可能程序参数实例

2、只要求做“对”,不必要盘活

重重时候,尽管写错了浏览器会包容它,当大家的代码是不标准的,以致临时候是错的,可是浏览器照旧将它“平常”呈现出来,那时,大家开掘不到温馨的不当。以为看起来没难题就没难题,那是很危殆的。

标签不用理会,交给CSS去管理就好,理论上,咱们得以因而一定的CSS法则,任意的改进二个要素的变现,那就引致了对html标签的不推崇,因为大家总能让它们看起来未有其它难题。

三种风貌的体裁

在普通项目中,大家少之甚少会遇见特殊的急需,日常只要这么风流倜傥行代码就够了

XHTML

<link href=”” rel=”stylesheet” type=”text/css”>

1
<link href="" rel="stylesheet" type="text/css">

那正是说只要有极度须要,该如何是好?能够看下下边那个表格

值 描述
screen Computer显示屏(默许卡塔 尔(阿拉伯语:قطر‎。
tty 电传机以至肖似的选择等宽字符网格的红娘。
tv 电视机类型设备(低分辨率、有限的滚屏手艺卡塔 尔(阿拉伯语:قطر‎。
projection 放映机。
handheld 手持设备(小显示器、有限带宽卡塔 尔(阿拉伯语:قطر‎。
print 打字与印刷预览情势/打字与印刷页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于具备设备。

找到它并简单,难的是,超级多个人恐怕不知从何地入手,未有这几个意识仍旧概念以来,也就不会去查。驾驭了那么些,就会依据分歧场景给大家的页面分配分歧的体制准绳。

最小化标示

万般状态下,非常少的代码意味着越来越快的下载,还表示越来越少的服务器空间和带宽消耗。有个难点正是,即便你写出了契合web标准的页面还是无法表达您写出了十足简洁只怕合理的代码。正所谓准绳是死的,轻便做到,蒙受实际情形,分歧的做法会促成结果不一样。在我们中年人历程中,会遇见不一致的助教,要么是生龙活虎篇小说,要么是一本书,要么是切实可行的某部人,追溯到最终照旧是人,差异的人,观点和习贯或然两样。比方,你或许会养成三个习于旧贯正是梦想给具有单独增加样式的因素分配三个类,那样产生了较强的可控性,但是,那样吸引什么秘密的难题啊?

1、过多的类
2、类的命名难

除了上边两点,还恐怕有一个可能遇到的就是类名重复,然后样式冲突。

也许上面的标题你都蒙受过,恐怕也想了办法去命名,去幸免冲突,但有未有想过前因后果的关联?大家通常会“蒙受标题”——“肃清难题”,其实我们是在“创建难点”——“解决难点”。从现况看,也并未有几人在品味的去打破它。

本身以为,为啥要命名那么多的类,因为我们得以经过授予分化的类名去分别开来元素样式,就算有个类名称叫info,大家得以起个a-info、b-info,那么它们俩就是例外的了,大家仍可以够.a.info、.b.info,相通能够对其进展区分,再前行追溯,大家为何要动用类名来差别它们?最大的或是就是,大家在同三个父容器里,使用了非常多同种类的子成分或许后人成分,那又是干什么呢?是否回去了我们早期对于html标签的见地上——常用的标签没有多少?事实上,大家平常不加思考的使用div、p、span,多个看作大的富含块,三个用作包裹整段文字,span用来包裹行内文字,顶多再增加img、a、i等。小编说的是还是不是很简短(可是如此依然会有人用错卡塔尔国。那么实际上有那般简单吗?便是因为“注重觉,轻语义”,至于大家能想起来使用的正确性的,有含义的竹签超少,以为未有须求分斤掰两,那么网页中那么多的剧情,难免会出现大家所说的那么些成分的双重,重复了咋做?样式不一样啊,加类,类多了怎么做?想办法区分类,于是,就是您所耳濡目染的那八个行当难点了。

莫不你会说,在大的、复杂项目里面,那么些都以不可幸免的,好,小编同意你的传教,那即便我们能在布局和含义上做得越来越好,是还是不是能把这种情景大大修正?

实则我们的CSS接纳器丰硕并且正在变得特别有力,我们未有供给把梦想都寄托在加类这一个看起来很省劲的方法上

举例:后代接收器、子选用器、各样伪类选拔器、兄弟选拔器、属性选用器等。

总括:任何做法都不用非白即黑,不偷懒,比超级细心,把措施创造美妙的结缘起来才是正道!

div无罪,table无毒

十多年前,当css现身同一时间分布,大家就初步了对过去页面包车型地铁重构,相当多应用table布局的页面被另行编写,用怎样呢?“div+css”,相信我们都见过此类的课程也许书籍,作者最早见到它的时候,就觉着div是一门技艺,因为它们是不分厚薄的涉及,现在我们都知晓,显著不是,但它所带给的熏陶是伟大的,div伊始在页面中反复现身依旧到泛滥的地步,然后,一群相比早觉醒的人以致html5概念的产出,令人们再次开首爱惜语义化,对div的神态起先了扭转,就如用了它就是荒唐。其实无论是滥用照旧不要,都以风度翩翩种极端的做法,大家应当理性对待才能,它们的发出都是有来头的,也都以有投机的利用项景的,除非它们被更加好、更客观的事物所代替(比方html5中所放任的竹签卡塔 尔(阿拉伯语:قطر‎。否则就应当攻下一矢之地,不应当被区分对待。

table也是平等,试行表明它不宜用来大规模的纷繁布局,不过仍然有它的使用处景的,上面表格的有的已做了描述,这里就相当少说了。

html5来了

非得承认一点,当小编最早看见html5的时候,内心是触动的,在它现身从前,是还没丰硕用来代表页面结构的语义化标签供大家运用的,日常我们是用“类”可能“id”来定义它们。不过与此同一时候难点又来了,应该什么正确的应用它们?正如早先作者们直面旧版本的html时马虎了不菲语义化的竹签同样,假设大家无法对这几个新扩大的标签有科学的认知,那么大家同样会陷于泥淖,即便看起来会比以前好些。
较常用的有以下这么些,你早已用起来了啊?

<article>
概念外界的原委(结构成分卡塔尔国

<aside>
概念页面内容之外的源委。 aside的始末与article的内容相关。(结构元素卡塔 尔(英语:State of Qatar)

<figure>
概念风流罗曼蒂克组媒介内容的分组,甚至它们的标题。(结构成分卡塔 尔(阿拉伯语:قطر‎

<section>
标签署义文书档案中的节(section,区段卡塔尔国。比如章节,页眉,页脚或文书档案中的别的一些(结构成分卡塔 尔(阿拉伯语:قطر‎

<time>
概念叁个日期/时间 (内联成分卡塔 尔(英语:State of Qatar)

<audio>
概念声音内容。(内嵌成分)

<video>
概念摄像。(内嵌成分)

<canvas>
概念图形,绘制路线,矩形,圆形,字符以至丰硕图像的措施

<dialog>
概念对话(会话卡塔 尔(英语:State of Qatar)dialog成分表示多少人以内的对话。HTML5dt成分能够象征讲话者,HTML5dd成分能够代表讲话内容。(结构成分卡塔 尔(阿拉伯语:قطر‎

<embed>
概念外界交互作用内容或插件

<footer>
定义 section 或 page 的页脚

<figcaption>
概念 figure 成分的标题

<hgroup>
用来对网页或区段(section卡塔尔国的标题举行组合,对网页或区段的标题举办组合

<header>
概念 section 或 page 的页眉(介绍消息卡塔尔

<mark>
概念带有暗记的公文,请在急需优质突显文本时行使 标签

<nav>
概念导航链接

<source>
概念媒体能源

越多标签能够参见那张图

或许到那边查看更加的多

class还是id?

至于那点,能够参见一下和讯上那么些主题素材的答案。

稍稍总括下关心点:

1、id唯风姿浪漫性,class重复。根据目的成分的重复性和独性子来定
2、id权重较高
3、外围用id,内部结构善用class
4、前端选拔id操作DOM,重构使用class操作DOM,UI和相互作用相互独立互不影响

别的还建议一些对于class的误用,上边是W3C的描述:

class:There are no additional restrictions on the tokens authors can
use in the class attribute, but authors are encouraged to use values
that describe the nature of the content, rather than values that
describe the desired presentation of the content.

乐趣是:class应该是陈述内容的本色(语义)的并不是内容长什么。

设若依据这种说法,那么有那几个做法都以不妥的,相信大家看过不菲“.f12、.fl
、.mr10”之类。

1、门槛低、简单

15日就足以调控html,常用标签比超级少,用不到的永不管

比如:h1~6、p、span、div、img、a、input等,大家来随意的看一张截图

皇家前端 3

地方是某宝PC端的登陆页,只怕是出于各种原因(不详卡塔 尔(阿拉伯语:قطر‎,只用了少许的竹签,所以,并不说它是倒霉的依然是错的,但它是其余众几个人的抒写。假若我说html标签有100多少个,你会是何等反应?

1、不知道,没悟出有像这种类型多
2、知道,但感觉超多都用不上

你会是哪类?

何以在适当的时候,合适的地点,使用正确的竹签,那是web规范的大旨必要。前边细说。

CSS十分轻易,常用属性也就那么多

宽、高、边框、背景、定位、浮动、边距,假使你调控了那样多,那么就能够应对相当多页面布局的场合了。借令你因而就以为css非常粗略,那么就等着它来“惩罚”你啊。

倒霉的下边:各个包容难点,各样奇葩布局必要,各类不可预感的bug

好的地点:繁多绝无只有的技术和css3新天性,可以协理大家做出充满美感又美妙的意义

大器晚成旦你依旧认为CSS太简单,那么请看一下那边https://drafts.csswg.org/indexes/,要坚强~

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图