返回
CSSDIV网页布局-limengfa

CSSDIV网页布局-limengfa

ID：36356119

大小：1.01 MB

页数：19页

时间：2019-05-09

CSSDIV网页布局-limengfa_第1页
CSSDIV网页布局-limengfa_第2页
CSSDIV网页布局-limengfa_第3页
CSSDIV网页布局-limengfa_第4页
CSSDIV网页布局-limengfa_第5页
资源描述：

《CSSDIV网页布局-limengfa》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS+DIV网页布局主讲人：21433李梦凡HTML

标签HTML
标签定义和用法
可定义文档中的分区或节（division/section）。
标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记
，那么该标签的作用会变得更加有效。HTML
标签用法
是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是
固有的唯一格式表现。可以通过
的cla

2、ss或id应用额外的样式。可以对同一个

元素应用class或id属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class用于元素组（类似的元素，或者可以理解为某一类元素），而id用于标识单独的唯一的元素。CSS内容介绍CSS设置方式CSS语法样式规则注释和样式规则优先级CSS的属性分类介绍CSS概述CSS概念CSS是CascadingStyleSheets的缩写，中文的意思是层叠样式表或级联样式表。CSS功能简介CSS可以用来精确的控制页面里每一个元素的字体样式、背景、排列方式

3、、区域尺寸、边框等。使用CSS能够简化网页的格式代码，加快下载显示的速度，外部链接样式可以同时定义多个页面，大大减少了重复劳动的工作量。CSS设置方式1、内联样式这里是h1特点：灵活，简单方便。CSS设置方式2、嵌入样式h1{font-family:宋体;font-size:12pt;color:blue}

4、

在这里使用了H1标记

特点：一个样式可以在一个页面多次应用。CSS设置方式3、外部样式

在这里使用了H1标记

h1.css:h1{font-family:宋体;font-size:12pt;color:blue}特点：需要有一个外部的样式表文件(.css)，可以为多

5、个网页所共同引用，即减少代码，又可以做到统一页面风格。CSS语句格式css语句格式如下:selector{property:value}(选择符{属性：值})选择符的作用：限制样式作用的范围p{font-size:15}当属性的值是多个单词组成时，必须在值上加引号h1{font-family:"CourierNew"}如果需要对一个选择符指定多个属性时，使用分号隔开。p{font-size:15;color:red}如何理解CSS盒子模型12/12CSS盒子模型什么是CSS的盒子模式呢？为什么叫它是

6、盒子？先说说我们在网页设计中常听的属性名：内容(content)、填充(padding)、边框(border)、边界(margin)，CSS盒子模式都具备这些属性。13/12CSS盒子模型不用CSS排版

7、="middle"/>14/12CSS盒子模型使用CSS排版#photoListimg{height:80;width:100;margin:5pxauto;}

8、"/>

CSS+DIV网页设计与制作16/12CSS+DIV网页设计与制作17/12CSS+DIV网页设计与制作第一步：规划网站，将网站分为五个div第二步：网页布局与div浮动等第三步：页面内的基本文本的样式(css)设置第四步：页脚信息(版权等)的表现设置第五步：导航条的制作18/12CSS+DIV网页设计与制作

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。