【免费】div+css学习资料资源-CSDN文库

共27个文件

txt：27个

需积分: 0 78 浏览量 2011-02-28 23:08:18 上传评论收藏 38KB RAR 举报

【div+css学习资料】是一份综合性的学习资源，涵盖了从基础到高级的HTML和CSS技术，旨在帮助学习者深入理解和熟练运用W3C标准。这份资料包包含了多个主题，覆盖了HTML标记、CSS属性、常见问题解决方案、编程技巧、命名规范、网页优化以及CSS在实际应用中的各种技巧和策略。 "HTML标签"和"属性名称"是HTML的基础，了解并掌握这些标签和属性对于构建结构清晰、语义明确的网页至关重要。例如，`<div>`元素作为通用容器，常用于布局和样式控制；`<p>`用于定义段落；`<a>`用于创建超链接；而`class`和`id`属性则用来为元素添加特定标识，以便用CSS进行样式设置。接着，"CSS浏览器兼容问题"是前端开发者经常面临的挑战，尤其是对老版本的IE（如IE6、IE7）的支持。这些文档提供了针对不同浏览器的兼容性解决方案，如条件注释、CSS hacks等，以确保页面在不同浏览器间表现一致。例如，浮动元素的清楚方法，`*zoom:1`解决IE盒模型问题，或者使用`!important`强制应用某些样式。 "pj皮肤flash定位方法"可能涉及到在CSS中使用绝对或相对定位来精确控制Flash元素的位置，这在创建动态效果或交互式界面时非常有用。同时，"25条CSS编程提醒及小技巧整理"提供了实用的建议，如避免使用内联样式，优先使用类选择器，以及合理使用浮动和清除等。 "css命名规则"强调了编写可读性和可维护性高的CSS代码的重要性。遵循一定的命名约定，如BEM（Block Element Modifier）或SMACSS（Scalable and Modular Architecture for CSS），能提高团队协作效率，减少代码冲突。 "深入分析网页CSS隐藏文字和以图换字技术"探讨了如何在不影响SEO的情况下实现视觉效果，比如使用`text-indent`负值隐藏文字，或者通过背景图像替换文本。 "css+div网站优化"关注了提升网站性能的方法，包括减少HTTP请求，合并CSS文件，使用CSS Sprites，以及优化选择器性能等。 "CSS hacks與爭議"讨论了对浏览器差异的处理，以及CSS hack的利弊，提醒开发者应谨慎使用，尽可能保持代码的干净和标准化。 "css id如何避免与开发人员的id命名重复"提出了关于ID命名的一些建议，如使用前缀，避免使用过于通用的名称，以防止冲突。 "DIV+CSS仿网易的滑动门技术AJAX"可能包含了一个使用CSS和JavaScript（可能包括AJAX）实现的滑动门效果，这种技术常用于导航菜单，可以实现平滑的交互体验。通过学习这些资料，你可以逐步提升在HTML和CSS领域的技能，更好地理解和应用W3C标准，创造出响应式、高性能的网页。

资源推荐

资源详情

资源评论

收起资源包目录

div+css学习资料.rar （27个子文件）

再次强调几个xhtml+css设计标准页面中容易犯的错误.txt 902B

学习div+css入门基础（构结认识）.txt 885B

tbody标签有什么用？.txt 531B

w3c技术架构介绍.txt 2KB

HTML标籤 , 属性名称 , 简介.txt 7KB

css+div网站忧化.txt 4KB

25條CSS編程提醒及小技巧整理.txt 4KB

CSS浏览器兼容问题（IE6IE7Firefox）解决方案汇集及实例纵览（持续更新） .txt 6KB

一、了解XHTML中的常用选择符.txt 2KB

div+css排版结构如下.txt 340B

CSS兼容要点分析IE vs FF.txt 2KB

CSS挂马代码.txt 909B

css滤镜失效问题解决方案.txt 589B

css真正的圆角.txt 374B

css-hack.txt 530B

CSS hacks與爭議.txt 4KB

XHTML编码的基本规范.txt 2KB

真正的半透明风格.txt 45B

CSS所有属性如何快速记忆.txt 2KB

DIV CSS制作网页时易犯的错误总结.txt 2KB

深入分析网页CSS隐藏文字和以图换字技术.txt 4KB

css命名规则.txt 4KB

DIV+CSS仿网易的滑动门技术AJAX.txt 3KB

firefox 和 ie 滤镜使用.txt 658B

css id 如何避免与开发人员的id命名重复.txt 3KB

pj皮肤flash定位方法.txt 4KB

常用CSS缩写语法总结.txt 2KB

HTML标籤 , 属性名称 , 简介标籤 , 属性名称 , 简介 <! - - ... - -> 註解 <!> 跑马灯 <marquee>...</marquee>普通捲动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设捲动 <marquee behavior=alternate>...</marquee>来回捲动 <marquee direction=down>...</marquee>向下捲动 <marquee direction=up>...</marquee>向上捲动 <marquee direction=right></marquee>向右捲动 <marquee direction=left></marquee>向左捲动 <marquee loop=2>...</marquee>捲动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景顏色 <marquee scrollamount=30>...</marquee>设定捲动距离 <marquee scrolldelay=300>...</marquee>设定捲动时间 <!>字体效果 <h1>...</h1>标题字(最大) <h6>...</h6>标题字(最小) <b>...</b>粗体字 <strong>...</strong>粗体字(强调) <i>...</i>斜体字 <em>...</em>斜体字(强调) <dfn>...</dfn>斜体字(表示定义) <u>...</u>底线 <ins>...</ins>底线(表示插入文字) <strike>...</strike>横线 <s>...</s>删除线 <del>...</del>删除线(表示删除) <kbd>...</kbd>键盘文字 <tt>...</tt> 打字体 <xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号) <listing>...</listing> 固定宽度小字体 <font color=00ff00>...</font>字体顏色 <font 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 href=位址></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=图片位址 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=顏色码>...</table>设定表格边框的顏色 <table borderclordark=顏色码>...</table>设定表格暗边框的顏色 <table borderclorlight=顏色码>...</table>设定表格亮边框的顏色 <table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字) <table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字) <table cols=参数>...</table>指定表格的栏数 <table frame=参数>...</table>设定表格外框线的显示方式 <table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字) <td colspan=参数>...</td>指定储存格合併栏的栏数(使用数字) <td rowspan=参数>...</td>指定储存格合併列的列数(使用数字) <!>分割视窗 <frameset cols="20%,*">左右分割,将左边框架分割大小為20%右边框架的大小瀏览器会自动调整 <frameset rows="20%,*">上下分割,将上面框架分割大小為20%下面框架的大小瀏览器会自动调整 <frameset cols="20%,*">分割左右两个框架 <frameset cols="20%,*,20%">分割左中右三个框架 <分割上下两个框架 <frameset rows="20%,*,20%">分割上中下三个框架 <! - - ... - -> 註解 <A HREF TARGET> 指定超连结的分割视窗 <A HREF=#锚的名称> 指定锚名称的超连结 <A HREF> 指定超连结 <A NAME=锚的名称> 被连结点的名称 <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址 <B> 粗体字 <BASE TARGET> 指定超连结的分割视窗 <BASEFONT SIZE> 更改预设字形大小 <BGSOUND SRC> 加入背景音乐 <BIG> 显示大字体 <BLINK> 闪烁的文字 <BODY TEXT LINK VLINK> 设定文字顏色 <BODY> 显示本文 <BR> 换行 <CAPTION ALIGN> 设定表格标题位置 <CAPTION>...</CAPTION> 為表格加上标题 <CENTER> 向中对齐 <CITE>...<CITE> 用於引经据典的文字 <CODE>...</CODE> 用於列出一段程式码 <COMMENT>...</COMMENT> 加上註解 <DD> 设定定义列表的项目解说 <DFN>...</DFN> 显示"定义"文字 <DIR>...</DIR> 列表文字标籤 <DL>...</DL> 设定定义列表的标籤 <DT> 设定定义列表的项目 <EM> 强调之用 <FONT FACE> 任意指定所用的字形 <FONT SIZE> 设定字体大小 <FORM ACTION> 设定户动式表单的处理方式 <FORM METHOD> 设定户动式表单之资料传送方式 <FRAME MARGINHEIGHT> 设定视窗的上下边界 <FRAME MARGINWIDTH> 设定视窗的左右边界 <FRAME NAME> 為分割视窗命名 <FRAME NORESIZE> 锁住分割视窗的大小 <FRAME SCROLLING> 设定分割视窗的捲轴 <FRAME SRC> 将HTML档加入视窗 <FRAMESET COLS> 将视窗分割成左右的子视窗 <FRAMESET ROWS> 将视窗分割成上下的子视窗 <FRAMESET>...</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> 插入图片 <IMG VSPACE> 插入图片并预设图形的上下边界 <INPUT TYPE NAME value> 在表单中加入输入栏位 <ISINDEX> 定义查询用表单 <KBD>...</KBD> 表示使用者输入文字 <LI TYPE>...</LI> 列表的项目 ( 可指定符号 ) <MARQUEE> 跑马灯效果 <MENU>...</MENU> 条列文字标籤 <META NAME="REFRESH" CONTENT URL> 自动更新文件内容 <MULTIPLE> 可同时选择多项的列表栏 <NOFRAME> 定义不出现分割视窗的文字 <OL>...</OL> 有序号的列表 <OPTION> 定义表单中列表栏的项目 <P ALIGN> 设定对齐方向 <P> 分段 <PERSON>...</PERSON> 显示人名 <PRE> 使用原有排列 <SAMP>...</SAMP> 用於引用字 <SELECT>...</SELECT> 在表单中定义列表栏 <SMALL> 显示小字体 <STRIKE> 文字加横线 <STRONG> 用於加强语气 <SUB> 下标字 <SUP> 上标字 <TABLE BORDER=n> 调整表格的宽线高度 <TABLE CELLPADDING> 调整资料栏位之边界 <TABLE CELLSPACING> 调整表格线的宽度 <TABLE HEIGHT> 调整表格的高度 <TABLE WIDTH> 调整表格的宽度 <TABLE>...</TABLE> 產生表格的标籤 <TD ALIGN> 调整表格栏位之左右对齐 <TD BGCOLOR> 设定表格栏位之背景顏色 <TD COLSPAN ROWSPAN> 表格栏位的合併 <TD NOWRAP> 设定表格栏位不换行 <TD VALIGN> 调整表格栏位之上下对齐 <TD WIDTH> 调整表格栏位宽度 <TD>...</TD> 定义表格的资料栏位 <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏 <TEXTAREA WRAP> 决定文字输入栏是自动否换行 <TH>...</TH> 定义表格的标头栏位 <TITLE> 文件标题 <TR>...</TR> 定义表格美一行 <TT> 打字机字体 <U> 文字加底线 <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 ) <VAR>...</VAR> 用於显示变数

评论收藏

内容反馈