对h5 css3的更多新的认识
2016-07-28 19:48
323 查看
由于是新手菜鸟刚接触h5没有多久,也就意味着接触css的时间更短,不过通过这短短2周多的时间,了解了网站大致是如何建立的,是如何运行的,自己也逐渐从基础学起来,也大致可以布局出一个不太完善的网页,由于初学,且要布置网页可以有比较好的效果,也就需要学习css,在接触了css后,了解css大致分为3种类型,外部,内部和行内css样式,如果是项目开发,需要写网页的话,多用外部css文件,这就需要html文件与外部文件链接,也就是<link
rel="stylesheet" href="index.css">中的href,链接到了外部文件index.css文件;,才可以使html文件内部的文字等出现css比较精美的式样。
css软件中包含了 众多的标签类型,则是css文件实现美好效果的根本元素,一些基本的元素甚至是不可或缺的,比如说: font-size:文字大小,li{list-style: none},定义的为html中文件ul li 列表没有前置的小圆点,也是大多数程序员设定的网页整体的一个限制元素。在我浅薄的认为,css大致分成了3部分。 第一部分是css文件为了适应多种浏览器,不同版本浏览器出现的问题,而设定的格式,如 @charset
"utf-8"; 即是css文件适应使用浏览器utf-8的文字识别方式的标标识。 第二部分大致为项目网页所需要的一些前置的属性,比如:*{margin 0 ;pdding 0}是清除浏览器所有默认的样式,就是盒子模式中所有的margin值和padding值,这样就可以方便我们对程序的重新设定,从而可以减少浏览器的默认样式对我们的影响,从而可以依照要求做出相应的网页。还有好多项目需要的各种类型的标签需要我们在头部设定好固定的模式,以改变我们不愿意用的默认类型的式样,从而使我们更好的更改式样,使网页更好看更符合要求。
第三部分则是html文件中各个类,各个div模块所需要的各种式样,起到美化网页模块的作用,比如说:.content{width: 700px;height: 520px;margin: 50px auto;border: 3px soild white;background-color: #333} 在这个定义的式样中,我们规定了content的式样,宽为700px,高为520px。maigin值上下为50px且左右居中的,并且还有一个宽度为3px的实心,颜色为#333的边框,这就显示了一定的样式,使网页更美化,也是网页不可缺少的元素,这说明css的作用对于网页来说就十分重要了,接下类就是按部就班的把所需要的所有块的式样编写完毕,,由于html5的优秀的呈现性,可以清楚的呈现出自己的错误或者成果,可以说是效果立竿见影的,在发生错误后,还可以利用浏览器的检查功能逐一检查出现的错误,并改正出现的bug错误,在编写代码的时候,要有清晰的条理性,脑子要特别的清楚自己所做的代码和样式,以及代码式样所需要的式样代码,最后做出符合要求的项目网页。
以上就是我对html5 所经常使用的css3程序的一些理解,相信在以后的学习中,会了解更多关于css3的功能和特点,也可以熟悉的运用其功能,写出更有特色,更完美的网页程序!
rel="stylesheet" href="index.css">中的href,链接到了外部文件index.css文件;,才可以使html文件内部的文字等出现css比较精美的式样。
css软件中包含了 众多的标签类型,则是css文件实现美好效果的根本元素,一些基本的元素甚至是不可或缺的,比如说: font-size:文字大小,li{list-style: none},定义的为html中文件ul li 列表没有前置的小圆点,也是大多数程序员设定的网页整体的一个限制元素。在我浅薄的认为,css大致分成了3部分。 第一部分是css文件为了适应多种浏览器,不同版本浏览器出现的问题,而设定的格式,如 @charset
"utf-8"; 即是css文件适应使用浏览器utf-8的文字识别方式的标标识。 第二部分大致为项目网页所需要的一些前置的属性,比如:*{margin 0 ;pdding 0}是清除浏览器所有默认的样式,就是盒子模式中所有的margin值和padding值,这样就可以方便我们对程序的重新设定,从而可以减少浏览器的默认样式对我们的影响,从而可以依照要求做出相应的网页。还有好多项目需要的各种类型的标签需要我们在头部设定好固定的模式,以改变我们不愿意用的默认类型的式样,从而使我们更好的更改式样,使网页更好看更符合要求。
第三部分则是html文件中各个类,各个div模块所需要的各种式样,起到美化网页模块的作用,比如说:.content{width: 700px;height: 520px;margin: 50px auto;border: 3px soild white;background-color: #333} 在这个定义的式样中,我们规定了content的式样,宽为700px,高为520px。maigin值上下为50px且左右居中的,并且还有一个宽度为3px的实心,颜色为#333的边框,这就显示了一定的样式,使网页更美化,也是网页不可缺少的元素,这说明css的作用对于网页来说就十分重要了,接下类就是按部就班的把所需要的所有块的式样编写完毕,,由于html5的优秀的呈现性,可以清楚的呈现出自己的错误或者成果,可以说是效果立竿见影的,在发生错误后,还可以利用浏览器的检查功能逐一检查出现的错误,并改正出现的bug错误,在编写代码的时候,要有清晰的条理性,脑子要特别的清楚自己所做的代码和样式,以及代码式样所需要的式样代码,最后做出符合要求的项目网页。
以上就是我对html5 所经常使用的css3程序的一些理解,相信在以后的学习中,会了解更多关于css3的功能和特点,也可以熟悉的运用其功能,写出更有特色,更完美的网页程序!
相关文章推荐
- listview的多条目样式适配
- css关于position属性的用法(绝对定位和相对定位的混淆)
- css系列(7)成品网页
- css知识总结
- css:子元素div 上下左右居中方法总结
- Input输入框中加入小图标
- Gulpfile.js——编译、压缩、合并js和css文件
- css3中的zoom元素属性值测试
- css3中的zoom元素属性值测试
- 块级元素、行内元素、空元素
- html表格样式
- CSS Border属性solid(实线)使用介绍
- CSS box-flex属性,然后弹性盒子模型简介
- 巧用cssText属性批量操作样式
- CSS学习笔记--基础(二)
- CSS学习笔记:inline和inline-block的区别
- checkbox样式自定义
- HTML篇之CSS样式——CSS水平垂直居中对齐(多种方式)
- css sprites
- 今天发现了css中的一个顺序问题