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. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。