还剩21页未读,继续阅读
本资源只提供10页预览,全部文档请下载后查看!喜欢就下载吧,查找使用更方便
文本内容:
1.css,、将样式表与网页关联
2、浏览网页,看效果3样式表混合使用时要注意的从优先级方面行内,内嵌〉外部从范围方面外部,内嵌〉行内细边框措施一input type=text style=border-width:lpx;border-color:gray;border-style:solidn/措施二input type=ntextn style=nborder:lpx solidgrayn/注意:使用属性,语法边框宽度边框日勺样式边框日勺border boder:颜色标签Div既可以在平面设计轴),也可以立体设计轴)Div(xy(xyz有一种比较重要的属性position:absolute设置了这个属性后就能在轴上进行页面日勺布局z其他属性设置与顶部的距离Topdiv设置与左边的距离Leftdiv设置与右边的距离Rightdiv设置与底部的距离Bottomdiv J设置在轴上的高度,越大高度就越高z-index:div Z(=不透明值)设置不透明度,合用filter:alpha opacitydiv IE例如()filter:alpha opacity=60使用Divdivstyle=background-color:red;width:1OOpx;height:1OOpx position:()〉这是第——种区域absolute;top:50px;z-index:10;filter:alpha opacity=60”网页设计时,常常使用、进行设计/div div+table+css div+css标签Span作用没其他特殊日勺含义,重要就是为了加样式广东〈〉汕头span style=color:red;font-size:30px/span段落,段前段后都要换行,同样可以通过设置对齐方p/palign向注意在文本中不管你输入多少个空格和或者回车,网页成果只html空一格,要想空多格或回车需要有特殊字符或者标签特殊字符全称全称空格gt;great thanless thannbsp;引号amp quot;©copy;预定义格式,可以保持文本中的格式,把空格转为pre/pre:html把回车转为nbsp;br.字体属性值是由小到大字体越来越大,不会换行,并font/font:size1〜7,且号是正常大小日勺字体,属性可以设置字体颜色,表达3color size=+l”在二时基础上加大一号,表达减少一号,设置字体的样size3”“-1”face式由小到大字体是越来越小,会换行,并且是正常的hn/hn:hl〜h6,h4大小字体I斜体字i/i:粗体字b/bstrong/strong:字体有下划线uv/u:字体有删除线vs/s:字体移动、跑马灯marqueev/marquee:marquee direction=”right scrollamount=50scrolldelay=100bgcolor=yellow width=50%height=100px()()与其上二流大学不onMouseOver=this.stop;onMouseOut=this.start;如读硅谷学院方向、、、/marqueeDirectionleft rightup downScrolldelay:移动的速度每次移动日勺长度J Scrollamount:()鼠标移上去就停止滚动onMouseOver=this.stop;;鼠标离开就继续滚动onMouseOut=this.start超链接ax/a一般链接(内部链接、外部链接)要连接日勺网页”例ahref=/a如二”第二个链接第二个页面链接当地(站点内部)日勺a href/a网页百度页面链接网络上(站点外部)的一种网页a href=”/a下载下载文件a href=..\resource\abc.rar/a锚链接(书签链接)、设置锚日勺链接(抛锚)锚日勺名字”,文本1a name=/a、创立一种连接本网页的锚时超链接锚的名字”,文本2a href=#/a例如a href=#end name=startdown/aa name=Hendn href=n#startntop/a、创立一种连接到别日勺网页的锚的超链接3第一种链接第一种网页的抛锚处a href=.html#mao/a邮件链接联络站长a href=mailto:/a其他链接记事本链接其他的文件a href=abc.txt”/a下载下载文件a href=abc.rar/a标签的嵌套使用a href=img src=height=30px width=30px7/a超链接的J target属性属性值有:、框架的名称在默认状况Target_blank_self_top_parent I下超链接日勺属性是target_self.在本窗口打开目标页面_self:在新窗口打开目标页面_blank:框架的名称:在设置的框架中打开目标页面在父窗口打开目标页面_parent:在最顶部时窗口打开目标页面_top:表格表格行单元格〉table trtd可选日勺标签、、、(表格日勺标题)、(列thead tbodytfoot captionth名,居中加粗)可选标签的前面三个重要是将表格进行优化,假如表格数据诸多时,就必须所有的内容下载完成后才能显示给顾客,用分段,可以一部tbody分一部分地显示,不用等整个表格都下载完成例如table border=nlntrtd姓名/tdtd年龄/td/trtrtd张三/tdtd23/td/tr/table表格标签时先后次序〉table-tr-td表格中存储数据的标签是td表格中设置、属性的优先级Bgcolor BackgroundJ tdtrtable的属性Table边框日勺粗细的大小BorderI表格的宽度,可以是像素和比例Width设置整个表格日勺对齐方式Align整个表格的高度Height表格的背景颜色BgcolorI表格的背景图片BackgroundI单元格之间的间距Cellspacing:I单元格中文本与单元格边框时间距Cellpadding日勺属性中有个属性(垂直方向的对齐方式、Tr valignI topbottommiddleo表格中的跨行、跨列:跨行(纵向)Rowspan:跨列(横向)Colspan例如htmlhead/headbodytable border=l width=50%align=ncenter height=300px cellspacing=n10pxHtr valign=!f middle*1td colspan=2align=center”学员信息/td/tr trtd张三/tdtd23/td/trtrtd李四/tdtd rowspan=n2n24/td/trtrtd王五/td/tr/table/body/html表单。
个人认证
优秀文档
获得点赞 0