您的位置: 首页 >  科学探索 >  正文内容

移动WEBAPP开发常规CSS样式总结 - 网络知识 - 电脑技术网|

来源:永州新闻网    时间:2019-11-08




我所使用到的HTML页面标签:

Section,div,artical,p,ol,ul,li,header,footer,span,form,input,label,h1,h2,h3 ;详细说明我就不说了,只给新手说下,为什么W3C那么多标签,只使用16个就可以把整个项目解决了?

原因是不要以为标签多,我们就一定要使用到它的,我们要的是使用广泛的,易记的。

稍微解释下,块级元素和行内元素是什么意思?

块级元素就是他占满一行的;行晋城哪些医院治癫痫病内元素就是他的多个同类可以同时在同一行。

下面讲解下,head标签里面我们在移动端一般都放什么?

Title,meta,link,3个标签会比较多,解释请看:

Title:该网页的标题,这个标题一般会显示在浏览器打开该网页时,最地址栏上面可以简单文字段。


第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;user-scalable:&nb洛阳治疗癫痫病医院哪家效果好sp;用户是否可以手动缩放

第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;

第三个meta标签也是iphone的私有标签,它指定的iphone中safari顶端的状态条的样式;

第四个meta标签表示:告诉设备忽略将页面中的数字识别为电话号码

第五个meta标签:用于忽略将页面中邮件地址

第六个就是最大的高度限定在568Px以内,这个可以忽略,因为我们都会用滑动来代替;当然山西治癫痫病哪个医院了,可以用在页面布局不多的地方!

 

Link:一般只是引入css文件用的,对于import大部分前辈都说不好,而且他一般也只写在css文件内。我们假如打开一个刚刚下载到本地的网页或框架,浏览页面时很慢,估计也就是在css里面引入了谷歌文件,因为我们国内,谷歌是被封杀的!

Javascript呢?(一般情况下,把引入文件放到</body>前面的)

下面解释放到head和</body>2个不同地方的区别:

石家庄癫痫医院那家好s="p0"> 放在head就是普遍需要用户进行点击或各种操作才触发的事件。

放在</body>里面就是用户来看之前就执行了。

 

现在我们来看看CSS的问题了:

1,我相信99%做过1个项目的人都会了解:reset.css(重置文件或common.css,base.css,名称不一样而已,用途都一样。)

我会共享我自己今年所总结积累好的文件写到common.css里面。

上一篇: 没有了

下一篇: 槐花的功效与作用

© xinwen.mwbxs.com  永州新闻网    版权所有  渝ICP备12007688号