ImageVerifierCode 换一换
格式:DOC , 页数:16 ,大小:82.50KB ,
资源ID:7692116      下载积分:10 金币
验证码下载
登录下载
邮箱/手机:
图形码:
验证码: 获取验证码
温馨提示:
支付成功后,系统会自动生成账号(用户名为邮箱或者手机号,密码是验证码),方便下次登录下载和查询订单;
特别说明:
请自助下载,系统不会自动发送文件的哦; 如果您已付费,想二次下载,请登录后访问:我的下载记录
支付方式: 支付宝    微信支付   
验证码:   换一换

开通VIP
 

温馨提示:由于个人手机设置不同,如果发现不能下载,请复制以下地址【https://www.zixin.com.cn/docdown/7692116.html】到电脑端继续下载(重复下载【60天内】不扣币)。

已注册用户请登录:
账号:
密码:
验证码:   换一换
  忘记密码?
三方登录: 微信登录   QQ登录  

开通VIP折扣优惠下载文档

            查看会员权益                  [ 下载后找不到文档?]

填表反馈(24小时):  下载求助     关注领币    退款申请

开具发票请登录PC端进行申请。


权利声明

1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前可先查看【教您几个在下载文档中可以更好的避免被坑】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时联系平台进行协调解决,联系【微信客服】、【QQ客服】,若有其他问题请点击或扫码反馈【服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【版权申诉】”,意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4009-655-100;投诉/维权电话:18658249818。

注意事项

本文(html标签属性帮助文档.doc)为本站上传会员【xrp****65】主动上传,咨信网仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知咨信网(发送邮件至1219186828@qq.com、拔打电话4009-655-100或【 微信客服】、【 QQ客服】),核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载【60天内】不扣币。 服务填表

html标签属性帮助文档.doc

1、 跑马灯 ...普通卷动 ...滑动 ...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动 向右卷动

2、 向左卷动 ...卷动次数 ...设定宽度 ...设定高度 ...设定背景颜色 ...设定滚动速度 ...设定卷动时间 <

3、marquee onmouseover="this.stop()">...鼠标经过上面时停止滚动 ...鼠标离开时开始滚动 字体效果

...

标题字(最大)
...
标题字(最小) ...粗体字 ...粗体字(强调) (同上效果略同) ...斜体字 ...斜体字(强调) ...斜体字(表示定义) ..

4、底线 ...底线(表示插入文字) ...横线 ...删除线 ...删除线(表示删除) ...键盘文字 ... 打字体

...固定宽度字体(在文件中空白、换行、定位功能有效) ...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体颜色 <f</p><p style='padding:5px 0px;'>5、ont size=1>...</font>最小字体 <font style =’font-size:100 px’>...</font>无限增大 区断标记 <hr>水平线 <hr size=’9’>水平线(设定大小) <hr width=’80%’>水平线(设定宽度) <hr color=’ff0000’>水平线(设定颜色) <br>(换行) <nobr>...</nobr>水域(不换行) <p>...</p>水域(段落) <center>...</center>置中 <!>连结格式 <base href=位址>(预设好连结路径) <a hr</p><p style='padding:5px 0px;'>6、ef=位址></a>外部连结 <a href=位址 target=’_blank’></a>外部连结(另开新视窗) <a href=位址 target=’_top’></a>外部连结(全视窗连结) <a href=位址 target=’页框名’></a>外部连结(在指定页框连结) <!>贴图/音乐 <img src=图片位址>贴图 <img src=图片位址 width=’180’>设定图片宽度 <img src=图片位址 height=’30’>设定图片高度 <img src=图片位址 alt=’提示文字’>设定图片提示文字 <img src=图片位址’ </p><p style='padding:5px 0px;'>7、border=’1’>设定图片边框 <bgsound src=MID音乐档位址>背景音乐设定 <!>表格语法 <table aling=left>...</table>表格位置,置左 <table aling=center>...</table>表格位置,置中 <table background=图片路径>...</table>背景图片的URL=就是路径网址 <table border=边框大小>...</table>设定表格边框大小(使用数字) <table bgcolor=颜色码>...</table>设定表格的背景颜色 <table borderclor=</p><p style='padding:5px 0px;'>8、颜色码>...</table>设定表格边框的颜色 <table borderclordark=颜色码>...</table>设定表格暗边框的颜色 <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 <table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) <table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) <table cols=参数>...</table>指定表格的栏数 <table frame=参数>...</table>设</p><p style='padding:5px 0px;'>9、定表格外框线的显示方式 <table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字) <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) 分割视窗 <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整 <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面</p><p style='padding:5px 0px;'>10、框架的大小浏览器会自动调整 <frameset cols="20%,*">分割左右两个框架 <frameset cols="20%,*,20%">分割左中右三个框架 <分割上下两个框架 <frameset rows="20%,*,20%">分割上中下三个框架 属性: cols 垂直切割窗口(如左右分割两个窗口)接受整数值,百分数,*(*代表占用余下空间)数值的个数代表分成的部分数目,要以逗号分隔。例:cols="30,*,50%"可以 切成三个视窗,第一部分是30像素(pixels)为绝对分割,第二部分是当分配完第一和第三视图后剩下的空间,第三部分则占整个窗口的50%宽</p><p style='padding:5px 0px;'>11、度,为相对分割。 rows 就是横向切割,将窗口上下分开,数值设置同上。 以上两属性尽量不要在同一个<frameset>标记中,因为王井(netscape)不支持,尽量采用多重分割。 frameborder 设置框架的边框,其值有0不要边框,1要边框。 border 设置框架边框厚度 framespacing 表示框架与框架间保留空白的距离 frame 元素(单标签) 语法格式: <frame name="" src="url" scrolling="yes/no" noresize> 属性: name 框架名称,指定框架来做连接的目标窗口。 src</p><p style='padding:5px 0px;'>12、 框架中要显示的网页文当url地址,每个个框架要对应一个html文挡。 scrolling 是否显示滚动条,yes/no,auto是自动。 noresize 设置不让使用者改变这个框架的大小, noframe元素 指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息 语法格式: <noframe> ...... </noframe> 表单<form></form> 语法格式: <form action="url" method="get/post"> .... <input type=submit><input type=reset></p><p style='padding:5px 0px;'>13、 </form> method有两种提交方式get,post action 是指明处理该表单的程序位置,这样表单所填的资料才能传给cgi做处里,可设定此参数为action="mailto:lwr8494@" 这样此表单所填的资料将会发送到这个邮箱地址。 method 是指传送信息给cgi等网络程序的方式。可选post方法, get方法,post方法容许传送大量信息。get方法只接受低于1k的信息。 申请表单用的是post搜索引擎用的是get <! - - ... - -> 注解 <A HREF TARGET> 指定超连结的分割视窗 <A HREF=#锚的名称</p><p style='padding:5px 0px;'>14、> 指定锚名称的超连结 <A HREF> 指定超连结 <A NAME=锚的名称> 被连结点的名称 <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 <B> 粗体字 <BASE TARGET> 指定超连结的分割视窗 <BASEFONT SIZE> 更改预设字形大小 <BGSOUND SRC> 加入背景音乐 <BIG> 显示大字体 <BLINK> 闪烁的文字 <BODY TEXT LINK VLINK> 设定文字颜色 <BODY> 显示本文 <BR> 换行 <CAPTION ALIGN> 设定表格标题位置 <CAPTION</p><p style='padding:5px 0px;'>15、>...</CAPTION> 为表格加上标题 <CENTER> 向中对齐 <CITE>...<CITE> 用於引经据典的文字 <CODE>...</CODE> 用於列出一段程式码 <COMMENT>...</COMMENT> 加上注解 <DD> 设定定义列表的项目解说 <DFN>...</DFN> 显示"定义"文字 <DIR>...</DIR> 列表文字标签 <DL>...</DL> 设定定义列表的标签 <DT> 设定定义列表的项目 <EM> 强调之用 <FONT FACE> 任意指定所用的字形 <FONT SIZE> 设定字体大小 <FOR</p><p style='padding:5px 0px;'>16、M ACTION> 设定户动式表单的处理方式 <FORM METHOD> 设定户动式表单之资料传送方式 <FRame MARGINHEIGHT> 设定视窗的上下边界 <FRame MARGINWIDTH> 设定视窗的左右边界 <FRame NAME> 为分割视窗命名 <FRame NORESIZE> 锁住分割视窗的大小 <FRame SCROLLING> 设定分割视窗的卷轴 <FRame SRC> 将HTML档加入视窗 <FRameSET COLS> 将视窗分割成左右的子视窗 <FRameSET ROWS> 将视窗分割成上下的子视窗 <FRameSET></p><p style='padding:5px 0px;'>17、</FRameSET> 划分分割视窗 <H1>~<H6> 设定文字大小 <HEAD> 标示文件资讯 <HR> 加上分格线 <HTML> 文件的开始与结束 <I> 斜体字 <IMG ALIGN> 调整图形影像的位置 <IMG ALT> 为你的图形影像加注 <IMG DYNSRC LOOP> 加入影片 <IMG HEIGHT WIDTH> 插入图片并预设图形大小 <IMG HSPACE> 插入图片并预设图形的左右边界 <IMG LOWSRC> 预载图片功能 <IMG SRC BORDER> 设定图片边界 <IMG SRC> 插入图片 <</p><p style='padding:5px 0px;'>18、IMG VSPACE> 插入图片并预设图形的上下边界 <INPUT TYPE NAME value> 在表单中加入输入栏位 <ISINDEX> 定义查询用表单 <KBD>...</KBD> 表示使用者输入文字 <LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) <MARQUEE> 跑马灯效果 <MENU>...</MENU> 条列文字标签 <meta NAME="REFRESH" CONTENT URL> 自动更新文件内容 <MULTIPLE> 可同时选择多项的列表栏 <NOFRame> 定义不出现分割视窗的文字 <OL>...</OL></p><p style='padding:5px 0px;'>19、 有序号的列表 <OPTION> 定义表单中列表栏的项目 <P ALIGN> 设定对齐方向 <P> 分段 <PERSON>...</PERSON> 显示人名 <PRE> 使用原有排列 <SAMP>...</SAMP> 用於引用字 <select >...</select > 在表单中定义列表栏 <SMALL> 显示小字体 <STRIKE> 文字加横线 <STRONG> 用於加强语气 <SUB> 下标字 <SUP> 上标字 <TABLE BORDER=n> 调整表格的宽线高度 <TABLE CELLPADDING> 调整资料栏位之边界 </p><p style='padding:5px 0px;'>20、<TABLE CELLSPACING> 调整表格线的宽度 <TABLE HEIGHT> 调整表格的高度 <TABLE WIDTH> 调整表格的宽度 <TABLE>...</TABLE> 产生表格的标签 <TD ALIGN> 调整表格栏位之左右对齐 <TD BGCOLOR> 设定表格栏位之背景颜色 <TD COLSPAN ROWSPAN> 表格栏位的合并 <TD NOWRAP> 设定表格栏位不换行 <TD VALIGN> 调整表格栏位之上下对齐 <TD WIDTH> 调整表格栏位宽度 <TD>...</TD> 定义表格的资料栏位 <TEXTAREA N</p><p style='padding:5px 0px;'>21、AME ROWS COLS> 表单中加入多少列的文字输入栏 <TEXTAREA WRAP> 决定文字输入栏是自动否换行 <TH>...</TH> 定义表格的标头栏位 <TITLE> 文件标题 <TR>...</TR> 定义表格美一行 <TT> 打字机字体 <U> 文字加底线 <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) <var>...</var> 用於显示变数 BlockQuotc文本缩进 表示颜色的有三种方式; 1,16进制颜色代码 语法:#RRGGBB 例:<font color="#ff0000">红色</fo</p><p style='padding:5px 0px;'>22、nt> 2,10进制RGB码 语法:RGB(RRR,GGG,BBB) 例:<font color="rgb(255,000,000)">红色</font> 3,直接用颜色的英文名称 例:<font color="red">红色</font> <body>.....</body>属性可分为三种: 1,背景属性 包括:bgcolor,background 2,文字属性: 包括:text,link,alink,vlink, 3,留白属性: 其中分为:leftmargin,topmargin .bgcolor背景色 语法格式:<body bgco</p><p style='padding:5px 0px;'>23、lor="#ff0000"> .background背景图案。 语法格式:<body background="url"> .text文本颜色(非连接文字颜色) .link连接文字颜色(可连接文字颜色) .alink活动连接文字颜色(正被点击的可连接文字的颜色) .vlink已访问连接文字颜色)(已经点击访问过的可连接文字的颜色) 语法格式:<body text="color" link="color" alink="color" vlink="color"> .leftmargin 页面左侧的留白距离 .topmargin 页面顶部的留白距离 语法格式:</p><p style='padding:5px 0px;'>24、<body leftmargin="value" topmargin="value"> 注:value为长度值为数字 align 属性 语法:<h2 align="?">文字</h2> 其属性有三种:left靠左,center居中,right靠右 〈p〉</p>为段落标记,可利用以上属性对整个段落进行设置 〈br>为换行标记 <nobr></nobr>为不换行标记 放在文字两边即可 例:<body> <h3>江南逢李龟年</h3> <p>歧王宅里寻常见<br> 催九堂前几度闻<br> 正是江南好风景<br> 落花时节又逢君</p> </b</p><p style='height:0px;padding:0;overflow:hidden'>25、ody> 预格式化: <pre>......</pre> 浏览是效果和编写是效果格式一样 列表 1无序列表又称符号列表 语法格式: <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框 <li>文字</li> <li>文字</li> </ul> 2有序列表 语法格式: <ol type="?" start"?"> <li>文字</li> <li>文字</li> </ol> type的值是编号字符可选的有1...,a...,A...,i... ,I... start为起始值例:</p><p style='height:0px;padding:0;overflow:hidden'>26、如果start为3是那么将从3开始,而且必须是数字。 3定义列表 <dl>定义列表标记 <dt>标示定义条目 <dd>标示定义内容 语法格式: <dl> <dt>文字</dt> <dd>文字内容</dd> </dl> 连接和图像 语法格式: <a href="url" name="?" target="?" title="?">....</a> 属性:href 连接目标 值可以是url地址也可以是连接锚点 <a href="url">...</a>或者 <a href="锚点">...</a> name 连接名称 语法格式:<</p><p style='height:0px;padding:0;overflow:hidden'>27、a name="锚点名称">...</a> 例:<a name="abcdcf">...</a> 连接到该锚点的连接则应是: <a name="#abcdef">....</a> target目标窗口语法格式: <a href="url"target="_blank|_self|_farent|_top|windowname">....</a> -blank打开新窗口 _self当前窗口打开 一下两个仅在框架叶面中应用 _parent当前窗口的父级窗口(上一级)打开 _top在最高一级的窗口打开 windowname已命名的窗口或框架中打开连接 </p><p style='height:0px;padding:0;overflow:hidden'>28、title连接提示 <a href="" title="打开狂人部落的首页">狂人部落</a> 图像<img> 语法格式: <img src="url" alt="?" width="?" height="?" border="?" align="?"> border属性定义图片边框的宽度,默认值为0 align属性设置图片旁边文字的位置 语法格式:<img src="" align""> 可选值有: top图片和文字顶部对齐 middle图片和文字居中对齐 bottom图片和文字底边对齐(默认) left图片居左对齐,文字沿图片绕排 right图</p><p style='height:0px;padding:0;overflow:hidden'>29、片居右对齐,文字沿图片绕排 absmiddle图片对齐到目前文字行绝对中央 absbottom图片对齐到目前文字行绝对底部 文字的排版 不换行空白标记 font元素 语法格式: <font face="字体名称" size="字体大小" color="字体颜色"> 字体大小可选值为1——7,默认为3 例:〈font face="黑体" size="4" color="#ff00ff">....</font> 水平线<hr> 语法格式:<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" colo</p><p style='height:0px;padding:0;overflow:hidden'>30、r="颜色" noshade> noshade无阴影,既实线 层〈div><span>两种元素 <div>是块级元素,和段落元素<p>相似,不同的是两个<div>元素之间不会产生两个<p>元素之间的空行, <span>是行内元素,可以定义段落中部分文字的属性 语法格式: <div align="" style="">...</div> align设置层中元素的水平对齐方式 stule设置元素应用css规范的属性 <div>兼容性比<span>要好一点,最好使用<div> 表格语法格式: <table width="" bgcolor="" backg</p><p style='height:0px;padding:0;overflow:hidden'>31、round="" border="" cellspacing="" cellpadding=""> <tr>...<td>....</td>....</tr> </table> border边框宽度默认值为0,既没有边框 cellspacing表格中单元格的边距大小,默认值为两个像素 cellpadding表格中单元格之间的间距大小,默认值为两个像素 tr元素 语法格式: <tr align="" bgcolor="">....</tr> align属性对齐方式可选值如下:left,center,tight,默认为left bgcolor指定该行的背景颜</p><p style='height:0px;padding:0;overflow:hidden'>32、色 td元素 语法格式: <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td> align属性的可选值有:left,center,right valign属性的可选值有:top,middle,bottom rowspan和colapan跨行和跨列的数量,默认为1 input元素 语法格式: <input type=""> type属性的可选值有: tex</p><p style='height:0px;padding:0;overflow:hidden'>33、t 单行文本框 属性:name 文本框名称 value 文本框的初始值 size 文本框的长度 maxlength 可输入字符串最大的长度 radio 单选框 属性:name 单选框名称 value 内部值 checked 默认选定 checkbox 复选框 属性:name 复选框名称 value 内部值 checked 默认选定 reset 重置按钮 submit 确定按钮 属性:name 按钮名称 value 显示在按钮上的文字 password 密码框 属性与文本框的属性完全相同 file 文件域 属性:na</p><p style='height:0px;padding:0;overflow:hidden'>34、me文件域名称 size 文件域的长度 maxlength 文件域可接受的字符数量的上限 hidden 隐藏域 属性:name 隐藏域名称 value 内定值 image 图片域 属性:name 所要代表的按钮,可以是submit,reset,或其他. src 按钮图片的url 地址 列表框<select> 语法格式: <select> ..... <option>....</option> ..... </select> select元素 语法格式:<select name="" size=""multiple></sele</p><p style='height:0px;padding:0;overflow:hidden'>35、ct> name 指定列表框的名字 size 指定列表框显示列表项的条数,如果指定了该参数,select元素是个列表,否则是一个下拉列表框 multiple 指定了这个参数,则表示该列表框可选择多项,否则只可选择一项 option属性 语法格式:<option value="" selected></option> value 该列表项的值 selected 如果设定了这个参数,默认为选定这一项 多行文本框<textarea> <textarea name="" cols="" rows="" wrap="off/physical/virtual"></te</p><p style='height:0px;padding:0;overflow:hidden'>36、xtarea> 属性: name文本框的名称 cols文本框的宽度 rows文本框的高度 wrap文本框的折行方式可选值有: off不保存换行信息 physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出, virtual送出连续成串的字除非使用者按回车。 css 层叠样式表 引入层叠样式表的方法包括: 外联式样式表 例:<head> <link rel="stylesheet" href="/css/default.css"> </head> <body> .... </body> </</p><p style='height:0px;padding:0;overflow:hidden'>37、html> 属性:rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址 内嵌式样式表: 例:<html> <head> <style type="text/css"> <!-- td{font:9pt;color:red} .font105{font:10.5pt;color:blue} --> </style> </head> <body>....</body> </html> 元素内定 格式:<p style="font-size:10.5pt"> 导</p><p style='height:0px;padding:0;overflow:hidden'>38、入式样式表 〈html> <head> <style type="text/css"> <!-- @import url(css/home.css); --> </style> <body> .... </body> </html> css的优先级 越接近目标的样式定义优先级越高,高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义 如果4种样式表对同一元素定义了不同的样式,那么他们的优先级顺序从高到低是,元素内定,内嵌样式表,导入样式表,外联样式表。 css结构 例:td{font-size:10.5pt;color:#6</p><p style='height:0px;padding:0;overflow:hidden'>39、66666} css样式包含两个基础部分, 选择符<td>和声明{font-size:10.5pt;color:#666666} 声明也有两部分组成: 属性font-size,color和值10.5pt,#666666 选择符分为6种 1元素选择符 当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开 例:td,p,li,input,select{font-size:12px;} 2class(类)选择符 例:〈head> <title>.....</title> <style type="text/css"> <!-- </p><p style='height:0px;padding:0;overflow:hidden'>40、red{font-size:10.5pt;color:#ff0000} --> </style> </head> <body bgcolor="#ffffff"> <p class="red">士大夫井冈山地方官</p> <p>九连环离开计划</p> </body> 还有一种方法就是限定可以应用它的页面元素 例:〈head> <title>.....</title> <style type="text/css"> <!-- h1.red{color:#ff0000} --> </style> </head> <body bg</p><p style='height:0px;padding:0;overflow:hidden'>41、color="#ffffff"> <p class="red">士大夫井冈山地方官</p> <h1 class="red">九连环离开计划</h1> </body> 3 id选择符 与class选择附类似,只是把'.'换成'#' 例:<body> <head> <style type="text/css"> <!-- #select{font-size:18px;color:#0000ff} --> </style> </head> <body> <table width="250" border="1" height="50"> </p><p style='height:0px;padding:0;overflow:hidden'>42、 <tr> <td align="center" id="select">id选择符</td> </tr> </table> </body> </html> 我们看到在调用ID选择附时与CLASS选择附类似,只是将class=""换成了id="",方便页面脚本语言的调用 关联选择符 <body> <head> <style type="text/css"> <!-- td p{font-size:18px;color:#0000ff} --> </style> </head> <body> <table width="250"</p><p style='height:0px;padding:0;overflow:hidden'>43、 border="1" height="50"> <tr> <td align="center"><p>关联选择符</p></td> </tr> </table> <p>关联选择符</p> </body> </html> 我们设定了在元素中<td>的元素<p>所包含文字的样式,只有在两个条件都满足是,样式在会起作用, 伪类选择符 是只能用在css选择符里,而不能用在html代码中的选择符 例: 〈html> <head> <style type="text/css"> <!-- a:link{color:#000000} a:</p><p style='height:0px;padding:0;overflow:hidden'>44、visited{color:#cccccc} a:hover{color:#ff0000} a:active{color:#ooooff} --> </style> </head> <body> <p><a href="#">关联选择符</a><p> <p><a href="#">关联选择符</a><p> <p><a href="#">关联选择符</a><p> <p><a href="#">关联选择符</a><p> 〈/body> </html> 正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱 伪</p><p style='height:0px;padding:0;overflow:hidden'>45、元素选择符 与伪类选择符定义类似,目前被大多数浏览器支持的有两个:首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的 例:首行 <html> <head> <style> <!-- p:first-line{color:red;font-size:20pt} --> </style> </hesd> <body> <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> </body> </html> 长度随浏览器窗口大小而改</p><p style='height:0px;padding:0;overflow:hidden'>46、变 首字 <html> <head> <style> <!-- p:first-letter{color:red;font-size:50pt;float:left;} --> </style> </hesd> <body> <p>dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...</p> </body> </html> 以上两种都只能应用于块状元素上 css规则 1.继承 例:<html> <head> <style type="text/css"> <!-- td{</p><p style='height:0px;padding:0;overflow:hidden'>47、font-size:12pt} p{color:red} --> </style> </hesd> <body> <table width="300" border="1" height="150"> <tr> <td align="center"> <p>css规则</p> </td> </table> </body> </html> <p>为最高级<td>次一级两种css用在一个属性元素上,相同的覆盖,不同的继承, 2.组合 例:td{font-size:12pt} p1{font-size:12pt} 组合后 t</p><p style='height:0px;padding:0;overflow:hidden'>48、d,.p1{font-size:12pt} 3.层叠 在样式里定义过后,在表格属性中又定义一次 <html> <head> <style type="text/css"> <!-- red{color:#ff0000 limportant} --> </style> </hesd> <body> <table width="300" border="1" height="150"> <tr> <td align="center" style="color:#0000ff" class="red">决撒地方官</td> </tr> </p><p style='height:0px;padding:0;overflow:hidden'>49、</table> </body> </html> css单位 分四大类: 1 长度单位 数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用) 换算关系: 1in(英寸)=6pc(派) 1in(英寸)=72pt(磅) 1in(英寸)=2.54(厘米) 1cm(厘米)=10mm(毫米) 1cm(厘米)=0.3937(英寸) 1pt(磅)=1/72in(英寸)=0.2478mm(毫米) 1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸 2 百分比单位 3 颜色单位 4 url单位 div属性 color : #999999 文字颜色 font-family : 宋体 文字字型 font-size : 10pt 文字大小 font-style:itelic 文字斜体育 font-variant:small-caps 小字体 letter-spacing : 1pt 文字间距 line-height : 200% 设定行高 font-weight:bold 文字粗体 vertical-align:sub 下标字 vertical-align:super 上标字 text-decoration:line-thr</p> </div> </div> <span id="LabelScript"></span> <script src="https://m.zixin.com.cn/JS/bootstrap-collapse.js"></script> <div class="siteInner_bg" style="margin-top: 40px; border: solid 0px red; margin-left: 0px; margin-right: 0px;"> <div> <div style=" margin: auto; overflow:hidden; text-align: center;"> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e2a21bc68316db308b5fdc9a0d11f2e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> <div style=" height:80px; margin: auto; overflow:hidden; text-align: center;"> <a target="_blank" href='https://m.zixin.com.cn/ADMiddle.aspx?t=92ULKnFRa/o='> <img src="https://www.zixin.com.cn/FileUpload/Images/81dd1a0b-02e3-435a-aa37-fbfccae9a83d.gif" width="100%" height='80' alt="移动网页_全站_页脚广告1" /> </a> </div> </div> <div class="siteInner"> <p style="white-space: normal; text-align: center;"><a href="https://www.zixin.com.cn/h-33.html" target="_blank" title="关于我们" textvalue="关于我们"><span style="text-align: center;">关于我们</span></a>&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;</span><a href="https://www.zixin.com.cn/h-37.html" target="_blank" title="便捷服务" textvalue="便捷服务">便捷服务</a>&nbsp;&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;</span><a href="https://ai.zixin.com.cn/" target="_blank" title="自信AI" textvalue="自信AI">自信AI</a>&nbsp;<span style="text-align: center;">&nbsp; &nbsp; &nbsp;&nbsp;</span><a href="https://gpt.zixin.com.cn/" target="_blank" title="AI导航" textvalue="AI导航">AI导航</a>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href="https://www.zixin.com.cn/info/266.html" target="_blank" title="抽奖活动" textvalue="抽奖活动">抽奖活动</a></p><p style="white-space: normal; text-align: center;"><span style="color: rgb(153, 153, 153); font-family: 微软雅黑, 宋体, Arial; font-size: 12px; text-align: center; background-color: rgb(248, 248, 248);"></span><span style="text-align: center;">©2010-2025 宁波自信网络信息技术有限公司&nbsp;</span><span style="text-align: center;">&nbsp;</span><span style="text-align: center;">版权所有</span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;"><span style="text-align: center;">客服电话:4009-655-100&nbsp; <span style="text-align: center;">投诉</span>/<span style="text-align: center;">维权</span>电话:18658249818</span></span></span></span></p><p style="white-space: normal; text-align: center;"><span style="text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-6/9/6379033271755225397249870.png" title="gongan.png" alt="gongan.png"/></span><a href="http://www.beian.gov.cn/portal/index.do" target="_blank" textvalue="浙公网安备33021202000488号">浙公网安备33021202000488号</a>&nbsp; &nbsp;</p><p style="white-space: normal; text-align: center;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/4/6379256265460890686562879.png" title="icp.png" alt="icp.png"/><a href="http://beian.miit.gov.cn/" target="_blank" textvalue="浙ICP备2021020529号-1">浙ICP备2021020529号-1</a>&nbsp;<span style="text-align: center;">&nbsp;|&nbsp;</span>&nbsp;<a href="https://dxzhgl.miit.gov.cn/dxxzsp/xkz/xkzgl/resource/qiyesearch.jsp?num=%E5%AE%81%E6%B3%A2%E8%87%AA%E4%BF%A1%E7%BD%91%E7%BB%9C%E4%BF%A1%E6%81%AF%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&type=xuke" target="_blank" title="浙B2-20240490" textvalue="浙B2-20240490">浙B2-20240490</a><span style="text-align: center;">&nbsp;&nbsp;</span></p><p style="white-space: normal; text-align: left;"><span style="text-align: center; font-family: 楷体, 楷体_GB2312, SimKai; font-size: 20px;">关注我们</span><span style="text-align: center;">&nbsp;:<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/9/6379298231429297878483475.png" title="微信公众号" alt="微信公众号"/></a></span><span style="text-align: center;">&nbsp; &nbsp;&nbsp;<a href="https://www.zixin.com.cn/news/113.html" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497521.png" title="抖音" alt="抖音"/></a>&nbsp; &nbsp;&nbsp;<a href="https://weibo.com/zixinnetwork" target="_blank" style="color: rgb(217, 83, 79); text-align: center; white-space: normal;"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257739400583672497523.png" title="微博" alt="微博"/></a>&nbsp; &nbsp;&nbsp;<a href="https://zixinnetwork.lofter.com/" target="_blank"><img src="https://www.zixin.com.cn/FileUpload/ueditor_s/upload/2022-7/5/6379257740834991205479163.png" title="LOFTER" alt="LOFTER"/></a>&nbsp;</span></p> </div> </div> <div style="position: fixed; bottom: 100px; right: 15px; z-index: 100000000000000000;"> <a href="https://work.weixin.qq.com/kfid/kfcb5dffb1386b26424"><img src="https://www.zixin.com.cn/FileUpload/Images/c1022425-c464-4203-b6dc-db237b2252d5.gif" style="width:36px" alt="客服"/></a> </div> <div class="trnav clearfix" id="navcontent" style="display: none; background-color:#3a71b1; "> <div class="trlogoside" id="navlogo" style="display: none;"> <a href="https://m.zixin.com.cn/" title="咨信网"><img src="https://www.zixin.com.cn/FileUpload/Images/c4280cd2-fe62-449e-aeca-027ef73439f5.png" alt="咨信网"></a> <div class="trnavclose" id="navclose"> <span></span> </div> </div> <div class="navcontainer"> <div class="row"> <ul class="nav navbar-nav trnavul headercontent" id="navigation" style="margin:20px 0 0px;"> <li><a target="_parent"href="https://m.zixin.com.cn/login.aspx">登录</a></li> <li><a target="_parent"href="https://m.zixin.com.cn/">首页 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/booklist-0.html">分类 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/infos.html">学堂 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/newslist.html">公告 </a></li> <li><a target="_parent"href="https://m.zixin.com.cn/h-0.html">帮助中心 </a></li> </ul> </div> </div> </div> <script type="text/javascript"> function stopPropagation(e) { var ev = e || window.event; if (ev.stopPropagation) { ev.stopPropagation(); } else if (window.event) { window.event.cancelBubble = true;//兼容IE } } $("#navmore").click(function (e) { $("#navcontent").show(); $("#navlogo").show(); stopPropagation(e); var navcontentwidth = $("#navcontent").width(); $('#navcontent').css({ 'right': '-' + navcontentwidth + 'px' }); $("#navcontent").show().animate({ "right": 0 }, 300); }); $(document).bind('click', function () { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); $("#navcontent").click(function (e) { stopPropagation(e); }); $("#navclose").click(function (e) { var navcontentwidth = $("#navcontent").width(); $("#navcontent").animate({ 'right': '-' + navcontentwidth + 'px' }, 300, function () { $("#navcontent").hide(); }); $("#navlogo").fadeOut(300); }); </script> <script> function BaseShare(title, desc, imgUrl) { var link = "https://m.zixin.com.cn/docdown/7692116.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx49d3b0cb6fb382c4', // 必填,公众号的唯一标识 timestamp: '1748785073', // 必填,生成签名的时间戳 nonceStr: '28267AB848BCF807B2ED53C3A8F8FC8A', // 必填,生成签名的随机串 signature: 'f35d50f3f9681456e4b774fd71cdbaa97cb1538d',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } function BaseShare(title, desc, imgUrl, link) { if (link=="") link = "https://m.zixin.com.cn/docdown/7692116.html"; if (wx) { wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: 'wx49d3b0cb6fb382c4', // 必填,公众号的唯一标识 timestamp: '1748785073', // 必填,生成签名的时间戳 nonceStr: '28267AB848BCF807B2ED53C3A8F8FC8A', // 必填,生成签名的随机串 signature: 'f35d50f3f9681456e4b774fd71cdbaa97cb1538d',// 必填,签名,见附录1 jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'updateAppMessageShareData', 'updateTimelineShareData', 'hideMenuItems'] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 //openTagList: ["wx-open-launch-weapp"]//H5打开小程序 }); wx.ready(function () { //需在用户可能点击分享按钮前就先调用 wx.hideMenuItems({// 要隐藏的菜单项,只能隐藏“传播类”和“保护类”按钮,所有menu项见附录3 menuList: ['menuItem:share:qq', 'menuItem:favorite', 'menuItem:share:QZone', 'menuItem:share:email', 'menuItem:originPage', 'menuItem:readMode', 'menuItem:delete', 'menuItem:editTag', 'menuItem:share:facebook', 'menuItem:share:weiboApp', 'menuItem:share:brand'] }); var shareData = { title: title, // 分享标题 desc: desc,//这里请特别注意是要去除html link: link, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致 imgUrl: imgUrl, // 分享图标 }; wx.updateAppMessageShareData(shareData);//1.4 分享到朋友 wx.updateTimelineShareData(shareData);//1.4分享到朋友圈 }); } } </script> <!--footer--> <footer class="footer"> <a target="_parent" class="footer-item" href="https://m.zixin.com.cn/"> <img class="footer-item-img" src="/Master/img/tabbar/home.png" alt="首页" /> <div class="footer-item-txt ">首页</div> </a> <a target="_parent" class="footer-item" id="classify" href="https://m.zixin.com.cn/bookmap.html"> <img class="footer-item-img" src="/Master/img/tabbar/category.png" alt="分类" /> <div class="footer-item-txt ">分类</div> </a> <a target="_parent" class="footer-item" id="case" href="https://m.zixin.com.cn/zhuantilist-.html"> <img class="footer-item-img" src="/Master/img/tabbar/case.png" alt="专题" /> <div class="footer-item-txt ">专题</div> </a> <a target="_parent" class="footer-item" id="my" href="https://m.zixin.com.cn/UserDefault.aspx"> <img class="footer-item-img" src="/Master/img/tabbar/my.png" alt="我的" /> <div class="footer-item-txt ">我的</div> </a> </footer> <script> $(document).ready(function () { var arr = $(".headercontent"); for (var i = 0; i < arr.length; i++) { (function (index) { var url = "https://m.zixin.com.cn/header.aspx"; $.get(url + "?tp=0&t=" + (new Date()).valueOf(), function (d) { try { arr.eq(index).empty().html(d); } catch (e) { } try { arr.html(d); } catch (e) { } }); })(i); } }); </script> <script src="https://m.zixin.com.cn/js/jquery.lazyload.js"></script> <script charset="utf-8"> $("img.lazys").lazyload({ threshold: 200, effect: "fadeIn" }); </script> </body> </html>