div+Css课前基础知识普及探析.pptxVIP

Div+Css课前基础知识普及 css概念 如何使用css控制页面 Css基本语法 CSS概念 CSS (Cascading?Style?Sheets)中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 标记的概念 html head title页面标题/title /head body h2CSS标记/h2 pCSS标记的正文内容从这里开始/p /body /html Html的缺陷 html head title页面标题/title /head body h2font color=#0000FF face=黑体CSS标记1/font/h2 pCSS标记的正文内容1/p h2font color=#0000FF face=黑体CSS标记2/font/h2 pCSS标记的正文内容2/p h2font color=#0000FF face=黑体CSS标记3/font/h2 pCSS标记的正文内容3/p h2font color=#0000FF face=黑体CSS标记4/font/h2 pCSS标记的正文内容4/p /body /html Css的引入 html head title页面标题/title style !-- h2{ font-family:幼圆; color:red; } -- /style /head body h2CSS标记1/h2 pCSS标记的正文内容1/p h2CSS标记2/h2 pCSS标记的正文内容2/p h2CSS标记3/h2 pCSS标记的正文内容3/p h2CSS标记4/h2 pCSS标记的正文内容4/p /body /html 特点： 样式表极大地提高了工作效率 样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。 允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。 使用CSS控制页面 行内样式 内嵌式 链接式 导入样式 html head title行内样式/title /head body h2 style=“font-size:16px;color:#000ffd;text-decoration:underline;” CSS标记1/h2 p style=“font-size:12px;color:red;text-decoration:underline;” CSS标记的正文内容1/p h2CSS标记2/h2 pCSS标记的正文内容2/p /body /html html head title集体声明/title style type=text/css !-- h1, h2, h3, h4, h5, p{ /* 集体声明 */ color:purple; /* 文字颜色 */ font-size:15px; /* 字体大小 */ } h2.special, .special, #one{ /* 集体声明 */ text-decoration:underline; /* 下划线 */ } -- /style /head body h1集体声明h1/h1 h2 class=special集体声明h2/h2 h3集体声明h3/h3 h4集体声明h4/h4 h5集体声明h5/h5 p集体声明p1/p p class=special集体声明p2/p p id=one集体声明p3/p /body /html html head title集体声明/title link href=1.css type=text/css rel=stylesheet /head body h1集体声明h1/h1 h2 class=special集体声明h2/h2 h3集体声明h3/h3 h4集体声明h4/h4 h5集体声明h5/h5 p集体声明p1/p p class=special集体声明p2/p p id=one集体声明p3/p /body /html html head title集体声明/title style type=text/css !-- @import url(1.css); -- /style /head body h1集体声明h1/h1 h2 class=special集体声明h2/h2 h3集体声明h3/h3 h4集体声明