返回
html结构与css样式

html结构与css样式

ID：33529711

大小：57.33 KB

页数：6页

时间：2019-02-26

html结构与css样式_第1页
html结构与css样式_第2页
html结构与css样式_第3页
html结构与css样式_第4页
html结构与css样式_第5页
资源描述：

《html结构与css样式》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、一、认识网页结构-------兄弟关系（并列结构）----父子关系（嵌套结构）bug八阿哥13521144697908159007（qq）1、切片工具c按住ctrl切换切片选择工具A）、对网页的结构进行划分a)、根据内容区域的功能----头部--banner--内容--底部b）、一像素原则--对网页结构进行划分的时候必须精确到一个像素c）、逐级划分---先整体--后局部--到细节先上下---再左右---从外到里B）、图像的局部获取需要的图片用切片切出来，ctrl+shift+alt+s（存储为web所用格

2、式）---jpg文件名：英文；格式：仅限图像；切片：选中的切片二、html=超文本标记语言---构成网页就有一些语义的单词<标记>双标记三要素：结构、样式、行为三、文件的保存1）、在你的存盘（d、e）新建一个文件夹--网页的站点2）、在DW-新建html文件---title内容修改成网页的名称3）、把html文件保存到文件夹中（注）:网站首页的名称--必须为index.html四、标记--html--标签--元素1、html整个网页文件2、head网页头部----除主体内容之外的信息3、titl

3、e网页的主题4、meta声明一些标准--编码标准---utf-8国际通用编码标准5、body网页的主体内容---psd效果里面内容都要写在body内部6、div用来做网页框架----盒子A）、默认的宽度--默认的宽度为100%；窗口有多大，盒子宽度就有多宽B）、高度为自适应---里面内容有多高，盒子就有多高~~C）、独立成行---垂直显示7、img图片标记单标记8、h1-h6标题标记一组标记从最大到最小标题A）、独立成行--垂直显示B）、默认宽度为100%，默认高度也

4、为自适应C）、标题标记自带间距D）、标题文字---自带加大加粗9、p段落标记--用于排版大篇文字A）、自带间距B）、独立成行--宽度为100%，高度为自适应10、ul-li作为父子关系列表标记

A）、宽度为100%，高度为自适应，独立成行B）、自带间距--自带填充11、特殊符号©shift+7=&12、a超链接标记文字加了a标记之后，默认字体颜色为蓝色，会有下划线图片加了a标记之后，ie7、8、9、10，图片会出现一个bo

5、rder在css添加img{border:none;}块级标记有默认的宽度，默认的宽度为100%，独立成行--垂直显示Div,h1~h6,p,ul,li,form行级标记水平显示，没有默认的宽度（css定义是无效）Img,a，span,input,label,select,textarea导航的结构ul-li-a导航的样式：（1）等宽度，li{float:left;width:；}字体样式定义a里面（2）等间距li{float:left;margin或者padding}；字体样式定义在a里面13、span

6、万能标记文件的路径：==文件保存的位置1、绝对路径网址--2、相对路径相对一个文件夹，../回到上一级后退一步14、a标记href=””target设置是否新窗口的方式打开a)文件b)网址c)Mailto:908159007@qq.comd)点击qq咨询tencent://message/?uin=908159007&Site=Target=”_blank”新窗口方式打开锚点链接---本页面内链接要找到位置点击的ahref=”#名称”15、form表单16、Input

7、puttype=”类型”value=”初始值”maxlength=”数字”>maxlength最多字符数类型：1）、text输入框2）、password密码3）、按钮A）、buttonB）、submit提交C）、reset重置4）、radio单选框做单选必须要有相同的name属性5）、checkbox复选框17、select选择菜单19、Label会与单选框或者复选框同时用，可以扩大两者点击范围一、网页样式css层叠样式表--对网页内容进行美化1）、外部样式表---html文件与css文件是单独的文件2）、内部样式表---在html头部里面写样式

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

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

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