句一:理解这个问题呢,就要先弄明白html和css之间的关系。
在采用div+css布局页面的方式中,html代码一般只负责页面上内容的布局,即大体的位置和元素的大小。至于具体的元素的样式就是用css来做的。
当css也可以做一些关于页面布局的工作。理解了html和css之间的关系之后,再来说这句话,就是说,你可以定义一个css样式表,有两个或者多个html页面引用该css样式。
只要把对应的标签名字或者类写好就可以了。句二,就是关于css写在哪里的问题了。
css可以直接写在标签里。可以写在html页面的head里。
也可以写成一个单独的css文件,然后在html里引用它就可以了。(第三种方式就是句一中提到的好处了)。
html css基础教程归纳如下:
第1、Html介绍
本章节主要讲解html和css样式的关系,以及html标签、html文件结构、head标签,最后讲解了在html中的注释代码的作用。
第2、认识标签(第一部分)
学完这一章节将对标签的使用有了一些初步的认识,可以使用标签制作出一篇简单的文章网页。下一章节将进一步学习另外一部分html标签。
第3、认识标签(第二部分)
本章节主要讲解列表、div及table标签使用,学完本章,可以在网页上展示一些信息列表及表格数据,使网页上的信息更加丰富
第4、认识标签(第三部分)
本章节主要讲解超链接标签、链接地址及图片标签,学习完这一章节可以把分散的单独的网页用链接标签有效的组织起来,达到网页之间可以相互跳转的作用。
第5、与浏览者交互,表单标签
每天都在网上冲浪,如果没有表单,人们就无法输入自己的个人信息来买东西,本章节主要从表单的作用、表单元素讲起,学习完本章,可以制出简单的用户登陆、注册页面。
第6、开始学习CSS,为网页添加样式
CSS是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现出完全不同的外观。本章就开始带领大家来学习CSS样式:先来认识CSS样式、了解CSS样式的优势、最后讲解CSS代码语法和CSS注释代码。
第7、CSS样式基本知识
这一章节主要讲解与CSS样式相关的基础知识:CSS样式的位置及相关的优先级,为后面的CSS样式具体学习打下基础。
第8、CSS选择器
本章主要介绍CSS的选择器,通过学习本章,能对元素进行样式的设置
第9、CSS的继承、层叠和特殊性
CSS中有一些概念是需要深刻理解的,此节开始将介绍CSS中的一些非常重要的概念包括CSS的继承、层叠和特殊性。
第10、CSS格式化排版
本章将详细介绍网页排版中主要格式化要素,帮助读者把CSS技术与网页编排紧密结合在一起,实现网页实用性与欣赏性相结合,实现出设计效果。
第11、CSS盒模型
盒模型是CSS布局的基石,它规定了网页元素如何显示以及元素间相互关系。本章将围绕盒模型的概念、结构、尺寸等基础知识展开研究,以便为后面的学习和日后网页设计奠定扎实的基础。
第12、CSS布局模型
现在可以用所需的知识进行真正设计了,学习完本章节可以运用所学习的知识实现网页的多列布局,本章将围绕流动模型、浮动模型、层布局模型等布局技术展开研究,以便为后面制作复杂的网页打下基础。
第13、CSS代码缩写,占用更少的带宽
虽然CSS文件或者嵌入的CSS都纯文本文件,为了减少css样式代码的编写量,代码缩写是很有必要的。这样可以使用户访问网页的时候占用更少的带宽。
第14、单位和值
本章节对单位如颜色的单位和值等时行详细讲解。
第15、css样式设置小技巧
本章节对在日常前端开发中常用到css样式设置小技巧进行了讲解。
1. 不要放过任何一个看上去很简单的小问题——他们往往并不那么简单,或者可以引伸出很多知识点;
2. 会用CSS,并不说明你会CSS;
3. 看CSS的书,是学不了CSS语言的;
4. 浮躁的人容易说:css语言太难学了,应该还用表格;——那你已经落武了!
5.浮躁的人容易问:我到底该从哪开始学;——别问,从最基础的学就行了;
6.浮躁的人容易问:css有钱途吗;——建议你去抢银行;
7.浮躁的人容易说:我要中文版!我英文不行!——不行?学呀!
8.浮躁的人容易问:DW和TopStyle哪个好;——告诉你吧,都好——只要你学就行;
9.浮躁的人分两种:a)只观望而不学的人;b)只学而不坚持的人;
10.学习CSS最好的方法之一就是阅读源代码;
11.在任何时刻都不要认为自己手中的书已经足够了;
12.看得懂的书,请仔细看;看不懂的书,请硬着头皮看;
13.别指望看第一遍书就能记住和掌握什么——请看第二遍、第三遍;
14.学习编写CSS的秘诀是:编写,编写,再编写;
15.请把书上的CSS例子亲手输入到电脑上实践,即使配套光盘中有源代码;
16.经常回顾自己以前写过的样式,并尝试重写,把自己学到的新知识运用进去;
17.不要漏掉书中任何一个练习题——请全部做完并记录下解题思路;
18.在高版本的浏览器中测试。(根据要求在各种平台和开发环境去测试!)
19.决不要因为程序“很小”就不遵循某些你不熟练的规则——好习惯是培养出来的,而不是一次记住的;
20.每学到一个CSS难点的时候,尝试着对别人讲解这个知识点并让他理解——你能讲清楚才说明你真的理解了;
21.记录下在和别人交流时发现的自己忽视或不理解的知识点;
22.请不断的对自己写的CSS样式提出更高的要求;
23.保存好你写过的所有的CSS——那是你最好的积累之一;
24.请不要做浮躁的人;
25.请热爱CSS!
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
蜀ICP备2020033479号-4 Copyright © 2016 学习鸟. 页面生成时间:2.732秒