5 CSS教程.docVIP

??DIVCSS5系列教程列表 ? 一、必知HTML基础??? ? 二、常见CSS属性单词及解释?? ? 三、常见工具一览篇?? ? 四、CSS初始化模板（HTML+CSS模板）引入下载?? 必知HTML基础一、必知HTML基础-CSS教程系列 在学习CSS制作知识之前，我们必须需要认识的HTML什么基础知识。 目录 搞清浏览器作用 搞清什么是HTML html作用 html我们涉及哪些基础知识 常见html单词及单词功能作用有哪些 html结构 html与CSS关系 1、搞清浏览器作用 ? ? - ? TOP浏览器主要作用是浏览网页作用，在DIV+CSS制作开发时候仍然是浏览我们制作开发重构网页作用。浏览器可测试我们开发的CSS网页兼容性、网页效果、因开发疏忽导致错误等作用。 在CSS测试（CSS工具）里常用浏览器包括IE6、IE7、IE8、火狐（FF）、谷歌（chrome）、苹果Safari、Opera主流浏览器。至于傲游、360浏览器因为他们使用你系统自带的IE内核，所以不必考虑，只要支持你浏览器版本即支持类似这2款浏览器。 需要兼容浏览器有哪些？/css-tool/t86.html 2、搞清什么是HTML ? ? - ? TOPhtml是hypertext markup language的缩写，即超文本标记语言。可以这样理解，HTML文件是一定规则规律以html\htm等命名后缀名的文本文件。 与我们记事本区别，html文件里源代码有一定规则语法的英文代码。了解什么是html？/html/h5.html 3、html作用 ? ? - ? TOPHTML作用，通过一定html自身语法结构（html结构），显示文字、图片、动画（flash）、视频或音频音乐。而CSS则是配合html实现漂亮的各式各样的页面内容。 4、html我们涉及哪些基础知识 ? ? - ? TOPHtml扩展名、html源代码、DOCTYPE、html结构、head标签、charset 5、常见html单词及单词功能作用有哪些 ? ? - ? TOPa、B(strong)：加粗实例：b我被加粗/b或strong我也被加粗/strong 两个加粗属性相同、用法相同CSS 加粗：/rumen/r122.html b、P：换行实例：p我是第一段内容/pp我是第二段内容/p c、Br：提行实例：我是第一排br /我是第二排内容 P与br区别用法：/html/h78.html d、px：像素、长度宽度单位实例：width:30px; 宽度30像素了解像素单位：/html/h89.html e、ul、ol、li列表标签实例： ?ulli列表一/lili列表二/lili列表三/li/ulolli列表一/lili列表二/lili列表三/li/ol 两个都是列表组，区别是ul为无序列表\OL为有序列表更详细css li介绍：/shili/s31.html f、div与span：都是html标签实例：div我占一行/divspan我多长占多长位置/span两者区别：DIV占用1整排，而SPAN所占位置是内容多少占用多长长度DIV span区别：/rumen/r79.html g、img：图片引用标签img src=/css-images/css-logo.gif /图片标签详细html img：/jiqiao/j242.html h、dl dt dd：CSS的另类表格组合实例： ?dldt我是标题/dtdd列表一/dddd列表二/dd/dl dl dt dd详解：/html/h88.html j、title：标题标签实例：title标题/title特点，在一个网页内只能使用一次（只能出现一次）Title标签：/html/h124.html 以上为常见的html标签及单词，更多HTML标签：/html/h110.html 6、html结构 ? ? - ? TOP这里Html结构可用于每次新建制作网页模板使用。旧html结构： ?!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleDIVCSS5标题/title/headbody具体网页呈现内容/body/html 经过CSS教程网的DIVCSS5优化后的HTML结构（可用于每次新建