切换查看方式:
移动端开发知识[系列] - 视口viewport
【HTML5学堂 - 移动端基础】移动端H5知识[系列] - 视口viewport。移动端从2012年走到今日,已经占领了互联网的半壁江山。网站开发也从PC平台向移动端平台开发发展。作为一个优秀的前端开发者,除了能够处理传统平台的网站,还需要能够处理移动端的网页。可是,新的事物伴随着各个浏览器,也就冒出了各种兼容问题。第二步——视口。
移动端开发知识[系列] - 谈谈相对单位,rem、em、vw、vh
【HTML5学堂 - 移动端基础】移动端H5知识[系列] - 谈谈相对单位。移动端从2012年走到今日,已经占领了互联网的半壁江山。网站开发也从PC平台向移动端平台开发发展。作为一个优秀的前端开发者,除了能够处理传统平台的网站,还需要能够处理移动端的网页。可是,新的事物伴随着各个浏览器,也就冒出了各种兼容问题。一点点来学习吧~~~先来看看移动端的相对单位~!
CSS字体类型font-family的英文书写方法(中英对照)
【HTML5学堂 - 结构样式】CSS特殊字体的英文对照。在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,我们常用中文字体的英文名称对照表。例如,微软雅黑,我们直接使用Microsoft YaHei。对于前端来说,需要记忆的是:宋体、黑体、微软雅黑这三种最基本的字体所对应的英文。另外对于英文字体,也需要记忆的是Arial与san-serif两个基本单词的拼写。
strong和em的区别(含b、i标签的比较)
【HTML5学堂 - 结构样式】strong、em、b、i标签的区别。这个知识是在结构(HTML)部分需要了解的辨析类知识。主要从表现形式、标签类型、强调、SEO等几个角度回答。在记忆此类知识时,推荐列项进行记忆。
CSS样式 | 段落首字下沉
【HTML5学堂 - 结构样式】段落首字下沉。在项目中,时常能看到了一种文字展示的特殊效果——首字下沉。于是花了几分钟考虑了一下使用方法,脑测之后,又敲了敲代码实现了一下,写出来与大家分享一下~~~在这里除了提供了基本解题方法之外,也书写了我的思考过程以及对其他两种可能能用的方法的思考。
前端开发 | HTML与CSS知识汇总、总结整理
【HTML5学堂(码匠) - 结构样式】HTML知识汇总、总结整理。本篇文章主要是从头到尾串讲了HTML的知识点,针对HTML4.0和CSS2.0知识进行了总结和整理。学习时,知识点固然重要,但是能将知识点串成线,织成网,形成自己的体系,则需要再下一番功夫。
CSS样式 | 代码编写规范(编码规则)
【HTML5学堂(码匠) - 结构样式】CSS编码规范。CSS编码规范到底意味着什么?既然能够实现代码,为何还有去考虑编码规范?从维护角度来说,编码在绝大多数情况下是拿给人来看的,只是偶尔让机器读一下。了解基本的CSS编码规范,对自己日后的维护,或者自己小伙伴的维护是有推进作用的。另一方面,优秀的代码会让团队工作事半功倍,良好的编码习惯也直接影响着薪资。
清浮动 | 如何清除浮动
【HTML5学堂(码匠) - 结构样式】如何清除元素浮动。元素发生浮动,本身就会对文档产生影响,孕育而生的就是“清除浮动”。清浮动的方法有多种,可以使用空标签清浮动、br标签清浮动、overflow:hidden清浮动、改变元素展示类型、父级元素浮动等方法。