CSS联合基础讲解精华课件.ppt

HTML+CSS基础讲解 伪汛尹敖营毖瑶客题桅拜缉诱厄芹讣抒萎毒堕渍烤辊巾恤戳滤噎益冀挟坦HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 大纲 此次内容 HTML部分 了解常用的HTML标签 页面中标签的使用场景，如何优化结构 CSS部分 基础语法 类、伪类的使用 重载、继承 隅旬狗寂毗踩湖瑶噶扁尿训眼簧膀竹噎佬渤谱其刑克芋泳惩常亭咱慧拄苦HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML部分 贝片屏闸贤奠裁雅颓裴衔物颗侨赠揉江帘予加咖疼御仔霄釉锯诱落筒窝达HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML规范 HTML有三种规范 1、HTML 1.0 Transitional HTML 1.0 Transitional包含HTML4.01的所有标记以及属性，是一种不是那么严格的HTML，目的是使现有的HTML开发者更容易的接受并使用HTML。 2、HTML 1.0 Strict HTML 1.0 Strict就是严格版本的HTML了，开发者必须要严格遵守文档的结构与表现分开的规则，也就是说需要用CSS控制页面的显示而不是使用font，bgcolor之类的标记或属性。 3、HTML 1.0 Frameset HTML 1.0 Frameset用于把文档分割成几个桢以显示不同的内容。（HTML 1.0 Transitional和Strict 页面不允许包含frameset?标记）。 阉瞒者谬础间袭账捆绳钵驾跪瘫爆像烛鲜娄乾吏亮勘暇匣毋荧伍殿狮湛铸HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML写法 　　一个合法的HTML页面必须再起其他内容出现前包含HTML DOCTYPE定义。 HTML 1.0 Transitional !DOCTYPE?html?PUBLIC?-//W3C//DTD?HTML?1.0?Transitional//EN?/TR/HTML1/DTD/HTML1-transitional.dtd HTML 1.0 Strict !DOCTYPE?html?PUBLIC?-//W3C//DTD?HTML?1.0?Strict//EN?/TR/HTML1/DTD/HTML1-strict.dtd HTML 1.0 Frameset !DOCTYPE?html?PUBLIC?-//W3C//DTD?HTML?1.0?Frameset//EN?/TR/HTML1/DTD/HTML1-frameset.dtd? 杆析疚卓卵潜赛骇城跨建纂场嫁垦订仗跌莉纸蝗姑刨弹瀑籽盏僧明新犊助HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML写法 1、html标记必须指定一个默认的命名空间。例如一个HTML 1.0 Transitional页面应该有如下声明： html?xmlns=/1999/HTML?xml:lang=en?lang=en? 2、所有的标记以及属性名称必须为小写字母 3、属性值必须书写于一对引号内 4、所有非空的标记必须成对出现 鞠拱牙实漏瞒掩枷野畴袍躲妖挛藏蝶录埃君级臻筹毋简染蘑汞厘接今硬恶HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML写法 8、属性值中空格的处理：首尾空格被忽略，中间的多个空格被当成一个处理 9、script和style标记的内容必须被包围在CDATA段中 6、属性不可以简写 7、使用id属性，而不是name属性 5、标记不可以重叠 治掠然凋羊溢趴斋素溢倡途一隧仕界榷液鸿豪盾睹贿发堑都记务萎士抢概HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML结构 !DOCTYPE?html?PUBLIC?-//W3C//DTD?HTML?1.0?Transitional//EN?/TR/HTML1/DTD/HTML1-transitional.dtd html xmlns=/1999/HTML head meta content=text/html; charset=UTF-8 http-equiv=content-type” / title标题/title [meta …. /…] [link…] /head body /body /html 默稻锣吟接撬彰按翅股沪链垄墨躇惋篱驯朋砌竟株丫耘堤铬搓刺锁疑舵衅HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 HTML结构 乡北酿实淳玻崔慨喘棕甜蛙逝觅碍污琳拽诲一稀详泰荆其迹纬所捌沫晶羹HTML+CSS结合,基础讲解HTML+CSS结合,基础讲解 常用HTML标签集 标头标签 h1,h2,h3,h4,h5… 块状标签： div, span, label,table, form, fieldset