欢迎来到天天文库
浏览记录
ID：30768155
大小：119.50 KB
页数：6页
时间：2019-01-03
《html结构与css样式》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、一、认识网页结构……•兄弟关系（并列结构）•…父子关系（嵌套结构）bug八阿哥13521144697908159007（qq）1、切片工具c按住Ctrl切换切片选择工具A）、对网页的结构进行划分a）、根据内容区域的功能一头部-banner-内容-底部b）、一像素原则■■对网页结构进行划分的时候必须精确到一个像素c）、逐级划分…先整体-后局部-到细节先上下…再左右一从外到里B）、图像的局部获取需要的图片用切片切出来，ctrl+shift+alt+s（存储为web所用格式）…jpg文件名：英文；格式：仅限图像；切片：选中
2、的切片二、html二超文本标记语言一构成网页就有一些语义的单词<标记x/标记〉双标记三要素：结构、样式、行为三、文件的保存1）>在你的存盘（d、e）新建一个文件夹••网页的站点2）、在DW-新建html文件--title内容修改成网页的名称3）、把html文件保存到文件夹中（注）:网站首页的名称••必须为index.html四、标记-html-标签■■元索1>html整个网页文件2、head网页头部--除主体内容之外的信息3、title网页的主题4、meta声明一些标准-编码标准…utf・8国际通用编码标准5、bod
3、y网页的主体内容…psd效果里而内容都要写在body内部6、div用来做网页框架…■盒子A）、默认的宽度-默认的宽度为100%；窗口冇多大，盒了宽度就冇多宽B）、高度为自适应一里面内容有多高，盒子就有多高~~C）、独立成行…垂宜显示7、img图片标记单标记8、hl-h6标题标记一组标记从最大到最小标题A）、独立成行-垂直显示B）、默认宽度为100%,默认高度也为自适应C）、标题标记自带间距D）、标题文字…自带加大加粗9、p段落标记-用于排版人篇文字A）、自带间距B）、独立成行-宽
4、度为100%,高度为口适应10、ul-li作为父了关系列表标记
5、l,Inform行级标记水平显示，没冇默认的宽度（css定义是无效）lmg,a,span,inputjabel,select,textarea导航的结构ul-li-a导航的样式:（1）等宽度,li{float:left;width:；序体样式定义a里面（2）等间距li{float:left;margin或者padding}；字体样式定义在a里面13^span万能标记文件的路径：=文件保存的位置1、绝对路径网址-2、相对路径相对一个文件夹，../回到上一级后退一步14^a标记href二〃"target设置是否新窗口的方
6、式打开a）文件b）网址c）Mailto:908159007@qq.comd）点击qq咨询tencent://message/?uin=908159007&Site二Target二"_blank"新窗口方式打开锚点链接…本页面内链接要找到位置vanam*〃名称〃x/a>点击的ahref「#名称〃15、form表单16>Input7、、submit提交C）>reset重置4）、radio单选框vinputtype二"radio"name二"名称"xinputtype二"radio"name="名称〃〉做单选必须要有札I同的name属性5）、checkbox复选框17^select选择菜单内‘容v/option>v/select>18、textarea留言板多行文字19、Label会与单选框或者复选框同时用，可以扩大两者点击范围五、网页样式css层叠样式表-对网页内容进行美化8、1）、外部样式表…html文件少css文件是单独的文件2）、内部样式表--在html头部里面写样式样式3）>css的语法选择器{属性：值;}六、css中的选择器•…找html中的标记
7、、submit提交C）>reset重置4）、radio单选框vinputtype二"radio"name二"名称"xinputtype二"radio"name="名称〃〉做单选必须要有札I同的name属性5）、checkbox复选框17^select选择菜单内‘容v/option>v/select>18、textarea留言板多行文字19、Label会与单选框或者复选框同时用，可以扩大两者点击范围五、网页样式css层叠样式表-对网页内容进行美化
8、1）、外部样式表…html文件少css文件是单独的文件2）、内部样式表--在html头部里面写样式样式3）>css的语法选择器{属性：值;}六、css中的选择器•…找html中的标记
此文档下载收益归作者所有
