html标签特效代码大全（让你制作漂亮的页面效果）
html标签特效代码大全（让你制作漂亮的页面效果） (2012-03-19 19:11:33)
转载http://blog.sina.com.cn/s/blog_780a9427010123yh.html
▼
标签： 杂谈 分类： CSS
跑马灯
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定滚动速度
设定卷动时间
鼠标经过上面时停止滚动
鼠标离开时开始滚动
字体效果
...粗体字
...粗体字(强调) （同上效果略同）
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
... 打字体
... 固定宽度字体(在文件中空白、换行、定位功能有效)
...</plaintext>固定宽度字体(不执行标记符号)
<br>
<br> <listing>...</listing> 固定宽度小字体
<br>
<br> <font color=00ff00>...</font>字体颜色
<br>
<br> <font size=1>...</font>最小字体
<br>
<br> <font style =’font-size:100 px’>...</font>无限增大
<br>
<br> 区断标记
<br>
<br> <hr>水平线
<br>
<br> <hr size=’9’>水平线(设定大小)
<br>
<br> <hr width=’80%’>水平线(设定宽度)
<br>
<br> <hr color=’ff0000’>水平线(设定颜色)
<br>
<br> <br>(换行)
<br>
<br> <nobr>...</nobr>水域(不换行)
<br>
<br> ...
<br>
<br> 水域(段落)
<br>
<br> <center>...</center>置中
<br>
<br> <!>连结格式
<br>
<br> <base href=位址>(预设好连结路径)
<br>
<br> <a href=位址></a>外部连结
<br>
<br> <a href=位址 target=’_blank’></a>外部连结(另开新视窗)
<br>
<br> <a href=位址 target=’_top’></a>外部连结(全视窗连结)
<br>
<br> <a href=位址 target=’页框名’></a>外部连结(在指定页框连结)
<br>
<br> <!>贴图/音乐
<br>
<br> <img src=图片位址>贴图
<br>
<br> <img src=图片位址 width=’180’>设定图片宽度
<br>
<br> <img src=图片位址 height=’30’>设定图片高度
<br>
<br> <img src=图片位址 alt=’提示文字’>设定图片提示文字
<br>
<br> <img src=图片位址’ border=’1’>设定图片边框
<br>
<br> <bgsound src=MID音乐档位址>背景音乐设定
<br>
<br> <!>表格语法
<br>
<br> <table aling=left>...</table>表格位置,置左
<br>
<br> <table aling=center>...</table>表格位置,置中
<br>
<br> <table background=图片路径>...</table>背景图片的URL=就是路径网址
<br>
<br> <table border=边框大小>...</table>设定表格边框大小(使用数字)
<br>
<br> <table bgcolor=颜色码>...</table>设定表格的背景颜色
<br>
<br> <table borderclor=颜色码>...</table>设定表格边框的颜色
<br>
<br> <table borderclordark=颜色码>...</table>设定表格暗边框的颜色
<br>
<br> <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色
<br>
<br> <table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)
<br>
<br> <table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)
<br>
<br> <table cols=参数>...</table>指定表格的栏数
<br>
<br> <table frame=参数>...</table>设定表格外框线的显示方式
<br>
<br> <table width=宽度>...</table>指定表格的宽度大小(使用数字)
<br>
<br> <table height=高度>...</table>指定表格的高度大小(使用数字)
<br>
<br> <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<br>
<br> <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<br>
<br> 分割视窗
<br>
<br> <frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整
<br>
<br> <frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整
<br>
<br> <frameset cols="20%,*">分割左右两个框架
<br>
<br> <frameset cols="20%,*,20%">分割左中右三个框架
<br>
<br> <分割上下两个框架
<br>
<br> <frameset rows="20%,*,20%">分割上中下三个框架
<br>
<br> 属性：
<br>
<br> cols 垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。例：cols="30,*,50%"可以 切成三个视窗，第一部分是30像素（pixels）为绝对分割，第二部分是当分配完第一和第三视图后剩下的空间，第三部分则占整个窗口的50%宽度，为相对分割。
<br>
<br> rows 就是横向切割，将窗口上下分开，数值设置同上。
<br>
<br> 以上两属性尽量不要在同一个<frameset>标记中，因为王井（netscape）不支持，尽量采用多重分割。
<br>
<br> frameborder 设置框架的边框，其值有0不要边框，1要边框。
<br>
<br> border 设置框架边框厚度
<br>
<br> framespacing 表示框架与框架间保留空白的距离
<br>
<br> frame 元素（单标签）
<br>
<br> 语法格式：
<br>
<br> <frame name="" src="url" scrolling="yes/no" noresize>
<br>
<br> 属性：
<br>
<br> name 框架名称，指定框架来做连接的目标窗口。
<br>
<br> src 框架中要显示的网页文当url地址，每个个框架要对应一个html文挡。
<br>
<br> scrolling 是否显示滚动条，yes/no,auto是自动。
<br>
<br> noresize 设置不让使用者改变这个框架的大小，
<br>
<br> noframe元素
<br>
<br> 指定当使用了框架的页面在不支持框架的浏览器中打开时显示的信息
<br>
<br> 语法格式：
<br>
<br> <noframe>
<br>
<br> ......
<br>
<br> </noframe>
<br>
<br> 表单<form></form>
<br>
<br> 语法格式：
<br>
<br> <form action="url" method="get/post">
<br>
<br> ....
<br>
<br> <input type=submit><input type=reset>
<br>
<br> </form>
<br>
<br> method有两种提交方式get,post
<br>
<br> action 是指明处理该表单的程序位置，这样表单所填的资料才能传给cgi做处里，可设定此参数为action="mailto:lwr8494@163.com" 这样此表单所填的资料将会发送到这个邮箱地址。
<br>
<br> method 是指传送信息给cgi等网络程序的方式。可选post方法， get方法，post方法容许传送大量信息。get方法只接受低于1k的信息。
<br>
<br> 申请表单用的是post搜索引擎用的是get
<br>
<br>
<br>
<br> <! - - ... - -> 注解
<br>
<br> <A HREF TARGET> 指定超连结的分割视窗
<br>
<br> <A HREF=#锚的名称> 指定锚名称的超连结
<br>
<br> <A HREF> 指定超连结
<br>
<br> <A NAME=锚的名称> 被连结点的名称
<br>
<br> <ADDRESS>....</ADDRESS> 用来显示电子邮箱地址
<br>
<br> <B> 粗体字
<br>
<br> <BASE TARGET> 指定超连结的分割视窗
<br>
<br> <BASEFONT SIZE> 更改预设字形大小
<br>
<br> <BGSOUND SRC> 加入背景音乐
<br>
<br> <BIG> 显示大字体
<br>
<br> <BLINK> 闪烁的文字
<br>
<br> <BODY TEXT LINK VLINK> 设定文字颜色
<br>
<br> <BODY> 显示本文
<br>
<br> <BR> 换行
<br>
<br> <CAPTION ALIGN> 设定表格标题位置
<br>
<br> <CAPTION>...</CAPTION> 为表格加上标题
<br>
<br> <CENTER> 向中对齐
<br>
<br> <CITE>...<CITE> 用於引经据典的文字
<br>
<br> <CODE>...</CODE> 用於列出一段程式码
<br>
<br> <COMMENT>...</COMMENT> 加上注解
<br>
<br> <DD> 设定定义列表的项目解说
<br>
<br> <DFN>...</DFN> 显示"定义"文字
<br>
<br> <DIR>...</DIR> 列表文字标签
<br>
<br> <DL>...</DL> 设定定义列表的标签
<br>
<br> <DT> 设定定义列表的项目
<br>
<br> <EM> 强调之用
<br>
<br> <FONT FACE> 任意指定所用的字形
<br>
<br> <FONT SIZE> 设定字体大小
<br>
<br> <FORM ACTION> 设定户动式表单的处理方式
<br>
<br> <FORM METHOD> 设定户动式表单之资料传送方式
<br>
<br> <FRame MARGINHEIGHT> 设定视窗的上下边界
<br>
<br> <FRame MARGINWIDTH> 设定视窗的左右边界
<br>
<br> <FRame NAME> 为分割视窗命名
<br>
<br> <FRame NORESIZE> 锁住分割视窗的大小
<br>
<br> <FRame SCROLLING> 设定分割视窗的卷轴
<br>
<br> <FRame SRC> 将HTML档加入视窗
<br>
<br> <FRameSET COLS> 将视窗分割成左右的子视窗
<br>
<br> <FRameSET ROWS> 将视窗分割成上下的子视窗
<br>
<br> <FRameSET>...</FRameSET> 划分分割视窗
<br>
<br> <H1>~<H6> 设定文字大小
<br>
<br> <HEAD> 标示文件资讯
<br>
<br> <HR> 加上分格线
<br>
<br> <HTML> 文件的开始与结束
<br>
<br> <I> 斜体字
<br>
<br> <IMG ALIGN> 调整图形影像的位置
<br>
<br> <IMG ALT> 为你的图形影像加注
<br>
<br> <IMG DYNSRC LOOP> 加入影片
<br>
<br> <IMG HEIGHT WIDTH> 插入图片并预设图形大小
<br>
<br> <IMG HSPACE> 插入图片并预设图形的左右边界
<br>
<br> <IMG LOWSRC> 预载图片功能
<br>
<br> <IMG SRC BORDER> 设定图片边界
<br>
<br> <IMG SRC> 插入图片
<br>
<br> <IMG VSPACE> 插入图片并预设图形的上下边界
<br>
<br> <INPUT TYPE NAME value> 在表单中加入输入栏位
<br>
<br> <ISINDEX> 定义查询用表单
<br>
<br> <KBD>...</KBD> 表示使用者输入文字
<br>
<br> <LI TYPE>...</LI> 列表的项目 ( 可指定符号 )
<br>
<br> <MARQUEE> 跑马灯效果
<br>
<br> <MENU>...</MENU> 条列文字标签
<br>
<br> <meta NAME="REFRESH" CONTENT URL> 自动更新文件内容
<br>
<br> <MULTIPLE> 可同时选择多项的列表栏
<br>
<br> <NOFRame> 定义不出现分割视窗的文字
<br>
<br> <OL>...</OL> 有序号的列表
<br>
<br> <OPTION> 定义表单中列表栏的项目
<br>
<br> <P ALIGN> 设定对齐方向
<br>
<br> <P> 分段
<br>
<br> <PERSON>...</PERSON> 显示人名
<br>
<br> <PRE> 使用原有排列
<br>
<br> <SAMP>...</SAMP> 用於引用字
<br>
<br> <select >...</select > 在表单中定义列表栏
<br>
<br> <SMALL> 显示小字体
<br>
<br> <STRIKE> 文字加横线
<br>
<br> <STRONG> 用於加强语气
<br>
<br> <SUB> 下标字
<br>
<br> <SUP> 上标字
<br>
<br> <TABLE BORDER=n> 调整表格的宽线高度
<br>
<br> <TABLE CELLPADDING> 调整资料栏位之边界
<br>
<br> <TABLE CELLSPACING> 调整表格线的宽度
<br>
<br> <TABLE HEIGHT> 调整表格的高度
<br>
<br> <TABLE WIDTH> 调整表格的宽度
<br>
<br> <TABLE>...</TABLE> 产生表格的标签
<br>
<br> <TD ALIGN> 调整表格栏位之左右对齐
<br>
<br> <TD BGCOLOR> 设定表格栏位之背景颜色
<br>
<br> <TD COLSPAN ROWSPAN> 表格栏位的合并
<br>
<br> <TD NOWRAP> 设定表格栏位不换行
<br>
<br> <TD VALIGN> 调整表格栏位之上下对齐
<br>
<br> <TD WIDTH> 调整表格栏位宽度
<br>
<br> <TD>...</TD> 定义表格的资料栏位
<br>
<br> <TEXTAREA NAME ROWS COLS> 表单中加入多少列的文字输入栏
<br>
<br> <TEXTAREA WRAP> 决定文字输入栏是自动否换行
<br>
<br> <TH>...</TH> 定义表格的标头栏位
<br>
<br> <TITLE> 文件标题
<br>
<br> <TR>...</TR> 定义表格美一行
<br>
<br> <TT> 打字机字体
<br>
<br> <U> 文字加底线
<br>
<br> <UL TYPE>...</UL> 无序号的列表 ( 可指定符号 )
<br>
<br> <var>...</var> 用於显示变数
<br>
<br> BlockQuotc文本缩进
<br>
<br> 表示颜色的有三种方式；
<br>
<br> 1，16进制颜色代码
<br>
<br> 语法：#RRGGBB
<br>
<br> 例：<font color="#ff0000">红色</font>
<br>
<br> 2，10进制RGB码
<br>
<br> 语法：RGB（RRR，GGG，BBB）
<br>
<br> 例：<font color="rgb(255,000,000)">红色</font>
<br>
<br> 3,直接用颜色的英文名称
<br>
<br> 例：<font color="red">红色</font>
<br>
<br> <body>.....</body>属性可分为三种：
<br>
<br> 1，背景属性
<br>
<br> 包括：bgcolor,background
<br>
<br> 2,文字属性：
<br>
<br> 包括：text,link,alink,vlink,
<br>
<br> 3,留白属性：
<br>
<br> 其中分为：leftmargin,topmargin
<br>
<br> .bgcolor背景色
<br>
<br> 语法格式：<body bgcolor="#ff0000">
<br>
<br> .background背景图案。
<br>
<br> 语法格式：<body background="url">
<br>
<br> .text文本颜色（非连接文字颜色）
<br>
<br> .link连接文字颜色（可连接文字颜色）
<br>
<br> .alink活动连接文字颜色（正被点击的可连接文字的颜色）
<br>
<br> .vlink已访问连接文字颜色）（已经点击访问过的可连接文字的颜色）
<br>
<br> 语法格式：<body text="color" link="color" alink="color" vlink="color">
<br>
<br> .leftmargin 页面左侧的留白距离
<br>
<br> .topmargin 页面顶部的留白距离
<br>
<br> 语法格式：<body leftmargin="value" topmargin="value">
<br>
<br> 注：value为长度值为数字
<br>
<br> align 属性
<br>
<br> 语法：<h2 align="?">文字</h2>
<br>
<br> 其属性有三种：left靠左,center居中,right靠右
<br>
<br> 〈p〉
<br>
<br> 为段落标记，可利用以上属性对整个段落进行设置
<br>
<br> 〈br>为换行标记
<br>
<br> <nobr></nobr>为不换行标记 放在文字两边即可
<br>
<br> 例：<body>
<br>
<br> <h3>江南逢李龟年</h3>
<br>
<br> 歧王宅里寻常见<br>
<br>
<br> 催九堂前几度闻<br>
<br>
<br> 正是江南好风景<br>
<br>
<br> 落花时节又逢君
<br>
<br> </body>
<br>
<br> 预格式化：
<br>
<br> <pre>......</pre> 浏览是效果和编写是效果格式一样
<br>
<br> 列表
<br>
<br> 1无序列表又称符号列表
<br>
<br> 语法格式：
<br>
<br> <ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框
<br>
<br> <li>文字</li>
<br>
<br> <li>文字</li>
<br>
<br> </ul>
<br>
<br> 2有序列表
<br>
<br> 语法格式：
<br>
<br> <ol type="?" start"?">
<br>
<br> <li>文字</li>
<br>
<br> <li>文字</li>
<br>
<br> </ol>
<br>
<br> type的值是编号字符可选的有1...,a...,A...,i... ,I...
<br>
<br> start为起始值例：如果start为3是那么将从3开始，而且必须是数字。
<br>
<br> 3定义列表
<br>
<br> <dl>定义列表标记
<br>
<br> <dt>标示定义条目
<br>
<br> <dd>标示定义内容
<br>
<br> 语法格式：
<br>
<br> <dl>
<br>
<br> <dt>文字</dt>
<br>
<br> <dd>文字内容</dd>
<br>
<br> </dl>
<br>
<br> 连接和图像
<br>
<br> 语法格式：
<br>
<br> <a href="url" name="?" target="?" title="?">....</a>
<br>
<br> 属性：href 连接目标 值可以是url地址也可以是连接锚点
<br>
<br> <a href="url">...</a>或者
<br>
<br> <a href="锚点">...</a>
<br>
<br> name 连接名称
<br>
<br> 语法格式：<a name="锚点名称">...</a>
<br>
<br> 例：<a name="abcdcf">...</a>
<br>
<br> 连接到该锚点的连接则应是：
<br>
<br> <a name="#abcdef">....</a>
<br>
<br> target目标窗口语法格式：
<br>
<br> <a href="url"target="_blank|_self|_farent|_top|windowname">....</a>
<br>
<br> -blank打开新窗口
<br>
<br> _self当前窗口打开
<br>
<br> 一下两个仅在框架叶面中应用
<br>
<br> _parent当前窗口的父级窗口（上一级）打开
<br>
<br> _top在最高一级的窗口打开
<br>
<br> windowname已命名的窗口或框架中打开连接
<br>
<br> title连接提示
<br>
<br> <a href="http://www.jcwcn.com" title="打开中国教程网的首页">中国教程网</a>
<br>
<br> 图像<img> 语法格式：
<br>
<br> <img src="url" alt="?" width="?" height="?" border="?" align="?">
<br>
<br> border属性定义图片边框的宽度，默认值为0
<br>
<br> align属性设置图片旁边文字的位置
<br>
<br> 语法格式：<img src="" align"">
<br>
<br> 可选值有：
<br>
<br> top图片和文字顶部对齐
<br>
<br> middle图片和文字居中对齐
<br>
<br> bottom图片和文字底边对齐（默认）
<br>
<br> left图片居左对齐，文字沿图片绕排
<br>
<br> right图片居右对齐，文字沿图片绕排
<br>
<br> absmiddle图片对齐到目前文字行绝对中央
<br>
<br> absbottom图片对齐到目前文字行绝对底部
<br>
<br> 文字的排版
<br>
<br> 不换行空白标记
<br>
<br> font元素
<br>
<br> 语法格式：
<br>
<br> <font face="字体名称" size="字体大小" color="字体颜色">
<br>
<br> 字体大小可选值为1——7，默认为3
<br>
<br> 例：〈font face="黑体" size="4" color="#ff00ff">....</font>
<br>
<br> 水平线<hr>
<br>
<br> 语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线厚度默认为2" color="颜色" noshade>
<br>
<br> noshade无阴影，既实线
<br>
<br> 层〈div><span>两种元素
<br>
<br> <div>是块级元素，和段落元素
<br>
<br> 相似，不同的是两个<div>元素之间不会产生两个
<br>
<br> 元素之间的空行，
<br>
<br> <span>是行内元素，可以定义段落中部分文字的属性
<br>
<br> 语法格式：
<br>
<br> <div align="" style="">...</div>
<br>
<br> align设置层中元素的水平对齐方式
<br>
<br> stule设置元素应用css规范的属性
<br>
<br> <div>兼容性比<span>要好一点，最好使用<div>
<br>
<br> 表格语法格式：
<br>
<br> <table width="" bgcolor="" background="" border="" cellspacing="" cellpadding="">
<br>
<br> <tr>...<td>....</td>....</tr>
<br>
<br> </table>
<br>
<br> border边框宽度默认值为0，既没有边框
<br>
<br> cellspacing表格中单元格的边距大小，默认值为两个像素
<br>
<br> cellpadding表格中单元格之间的间距大小，默认值为两个像素
<br>
<br> tr元素
<br>
<br> 语法格式：
<br>
<br> <tr align="" bgcolor="">....</tr>
<br>
<br> align属性对齐方式可选值如下：left,center,tight,默认为left
<br>
<br> bgcolor指定该行的背景颜色
<br>
<br> td元素
<br>
<br> 语法格式：
<br>
<br> <td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="单元格的列跨度">.....</td>
<br>
<br> align属性的可选值有：left,center,right
<br>
<br> valign属性的可选值有：top,middle,bottom
<br>
<br> rowspan和colapan跨行和跨列的数量，默认为1
<br>
<br> input元素 语法格式：
<br>
<br> <input type="">
<br>
<br> type属性的可选值有：
<br>
<br> text 单行文本框
<br>
<br> 属性：name 文本框名称
<br>
<br> value 文本框的初始值
<br>
<br> size 文本框的长度
<br>
<br> maxlength 可输入字符串最大的长度
<br>
<br> radio 单选框
<br>
<br> 属性：name 单选框名称
<br>
<br> value 内部值
<br>
<br> checked 默认选定
<br>
<br> checkbox 复选框
<br>
<br> 属性：name 复选框名称
<br>
<br> value 内部值
<br>
<br> checked 默认选定
<br>
<br> reset 重置按钮
<br>
<br> submit 确定按钮
<br>
<br> 属性：name 按钮名称
<br>
<br> value 显示在按钮上的文字
<br>
<br> password 密码框
<br>
<br> 属性与文本框的属性完全相同
<br>
<br> file 文件域
<br>
<br> 属性：name文件域名称
<br>
<br> size 文件域的长度
<br>
<br> maxlength 文件域可接受的字符数量的上限
<br>
<br> hidden 隐藏域
<br>
<br> 属性：name 隐藏域名称
<br>
<br> value 内定值
<br>
<br> image 图片域
<br>
<br> 属性：name 所要代表的按钮，可以是submit,reset,或其他.
<br>
<br> src 按钮图片的url 地址
<br>
<br> 列表框<select>
<br>
<br> 语法格式：
<br>
<br> <select>
<br>
<br> .....
<br>
<br> <option>....</option>
<br>
<br> .....
<br>
<br> </select>
<br>
<br> select元素
<br>
<br> 语法格式：<select name="" size=""multiple></select>
<br>
<br> name 指定列表框的名字
<br>
<br> size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，否则是一个下拉列表框
<br>
<br> multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项
<br>
<br> option属性
<br>
<br> 语法格式：<option value="" selected></option>
<br>
<br> value 该列表项的值
<br>
<br> selected 如果设定了这个参数，默认为选定这一项
<br>
<br> 多行文本框<textarea>
<br>
<br> <textarea name="" cols="" rows="" wrap="off/physical/virtual"></textarea>
<br>
<br> 属性：
<br>
<br> name文本框的名称
<br>
<br> cols文本框的宽度
<br>
<br> rows文本框的高度
<br>
<br> wrap文本框的折行方式可选值有：
<br>
<br> off不保存换行信息
<br>
<br> physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一行一行的送出，
<br>
<br> virtual送出连续成串的字除非使用者按回车。
<br>
<br> css 层叠样式表
<br>
<br> 引入层叠样式表的方法包括：
<br>
<br> 外联式样式表
<br>
<br> 例：<head>
<br>
<br> <link rel="stylesheet" href="/css/default.css">
<br>
<br> </head>
<br>
<br> <body>
<br>
<br> ....
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> 属性：rel 用来说明<link>元素在这里要完成的任务是连接一个独立的css文件。而href属性给出了所要连接css文件的url地址
<br>
<br> 内嵌式样式表：
<br>
<br> 例：<html>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> td{font:9pt;color:red}
<br>
<br> .font105{font:10.5pt;color:blue}
<br>
<br> -->
<br>
<br> </head>
<br>
<br> <body>....</body>
<br>
<br> </html>
<br>
<br> 元素内定
<br>
<br> 格式：<p style="font-size:10.5pt">
<br>
<br> 导入式样式表
<br>
<br> 〈html>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> @import url(css/home.css);
<br>
<br> -->
<br>
<br> <body>
<br>
<br> ....
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> css的优先级
<br>
<br> 越接近目标的样式定义优先级越高，高优先级样式将继承低优先级样式的未重叠定义但覆盖重叠的定义
<br>
<br> 如果4种样式表对同一元素定义了不同的样式，那么他们的优先级顺序从高到低是，元素内定，内嵌样式表，导入样式表，外联样式表。
<br>
<br> css结构
<br>
<br> 例：td{font-size:10.5pt;color:#666666}
<br>
<br> css样式包含两个基础部分，
<br>
<br> 选择符<td>和声明{font-size:10.5pt;color:#666666}
<br>
<br> 声明也有两部分组成：
<br>
<br> 属性font-size,color和值10.5pt,#666666
<br>
<br> 选择符分为6种
<br>
<br> 1元素选择符
<br>
<br> 当页面上多个元素的样式相同时，可以将多个元素放在一起定义，中间以逗号分开 例：td,p,li,input,select{font-size:12px;}
<br>
<br> 2class(类)选择符
<br>
<br> 例：〈head>
<br>
<br> <title>.....</title>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> .red{font-size:10.5pt;color:#ff0000}
<br>
<br> -->
<br>
<br> </head>
<br>
<br> <body bgcolor="#ffffff">
<br>
<br> <p class="red">士大夫井冈山地方官
<br>
<br> 九连环离开计划
<br>
<br> </body>
<br>
<br> 还有一种方法就是限定可以应用它的页面元素
<br>
<br> 例：〈head>
<br>
<br> <title>.....</title>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> h1.red{color:#ff0000}
<br>
<br> -->
<br>
<br> </head>
<br>
<br> <body bgcolor="#ffffff">
<br>
<br> <p class="red">士大夫井冈山地方官
<br>
<br> <h1 class="red">九连环离开计划</h1>
<br>
<br> </body>
<br>
<br> 3 id选择符
<br>
<br> 与class选择附类似，只是把'.'换成'#'
<br>
<br> 例：<body>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> #select{font-size:18px;color:#0000ff}
<br>
<br> -->
<br>
<br> </head>
<br>
<br> <body>
<br>
<br> <table width="250" border="1" height="50">
<br>
<br> <tr>
<br>
<br> <td align="center" id="select">id选择符</td>
<br>
<br> </tr>
<br>
<br> </table>
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> 我们看到在调用ID选择附时与CLASS选择附类似，只是将class=""换成了id=""，方便页面脚本语言的调用
<br>
<br> 关联选择符
<br>
<br> <body>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> td p{font-size:18px;color:#0000ff}
<br>
<br> -->
<br>
<br> </head>
<br>
<br> <body>
<br>
<br> <table width="250" border="1" height="50">
<br>
<br> <tr>
<br>
<br> <td align="center">
<br>
<br> 关联选择符
<br>
<br> </td>
<br>
<br> </tr>
<br>
<br> </table>
<br>
<br> 关联选择符
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> 我们设定了在元素中<td>的元素
<br>
<br> 所包含文字的样式，只有在两个条件都满足是，样式在会起作用，
<br>
<br> 伪类选择符
<br>
<br> 是只能用在css选择符里，而不能用在html代码中的选择符
<br>
<br> 例：
<br>
<br> 〈html>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> a:link{color:#000000}
<br>
<br> a:visited{color:#cccccc}
<br>
<br> a:hover{color:#ff0000}
<br>
<br> a:active{color:#ooooff}
<br>
<br> -->
<br>
<br> </head>
<br>
<br> <body>
<br>
<br> <a href="#">
<br>
<br> 关联选择符</a>
<br>
<br> <a href="#">
<br>
<br> 关联选择符</a>
<br>
<br> <a href="#">
<br>
<br> 关联选择符</a>
<br>
<br> <a href="#">
<br>
<br> 关联选择符</a>
<br>
<br> 〈/body>
<br>
<br> </html>
<br>
<br> 正确的顺序是a:link\a:visited\a:hover否则会引起页面上连接颜色混乱
<br>
<br> 伪元素选择符
<br>
<br> 与伪类选择符定义类似，目前被大多数浏览器支持的有两个：首行伪元素（first-line）和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的
<br>
<br> 例：首行
<br>
<br> <html>
<br>
<br> <head>
<br>
<br> <!--
<br>
<br> p:first-line{color:red;font-size:20pt}
<br>
<br> -->
<br>
<br> </hesd>
<br>
<br> <body>
<br>
<br> dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> 长度随浏览器窗口大小而改变
<br>
<br> 首字
<br>
<br> <html>
<br>
<br> <head>
<br>
<br> <!--
<br>
<br> p:first-letter{color:red;font-size:50pt;float:left;}
<br>
<br> -->
<br>
<br> </hesd>
<br>
<br> <body>
<br>
<br> dfgsadfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdfgsdf...
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> 以上两种都只能应用于块状元素上
<br>
<br> css规则
<br>
<br> 1.继承
<br>
<br> 例：<html>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> td{font-size:12pt}
<br>
<br> p{color:red}
<br>
<br> -->
<br>
<br> </hesd>
<br>
<br> <body>
<br>
<br> <table width="300" border="1" height="150">
<br>
<br> <tr>
<br>
<br> <td align="center">
<br>
<br> css
<br>
<br> 规则
<br>
<br> </td>
<br>
<br> </table>
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> 为最高级<td>次一级两种css用在一个属性元素上，相同的覆盖，不同的继承，
<br>
<br> 2.组合
<br>
<br> 例:td{font-size:12pt}
<br>
<br> p1{font-size:12pt}
<br>
<br> 组合后
<br>
<br> td,.p1{font-size:12pt}
<br>
<br> 3.层叠
<br>
<br> 在样式里定义过后，在表格属性中又定义一次
<br>
<br> <html>
<br>
<br> <head>
<br>
<br> <style type="text/css">
<br>
<br> <!--
<br>
<br> red{color:#ff0000 limportant}
<br>
<br> -->
<br>
<br> </hesd>
<br>
<br> <body>
<br>
<br> <table width="300" border="1" height="150">
<br>
<br> <tr>
<br>
<br> <td align="center" style="color:#0000ff" class="red">决撒地方官</td>
<br>
<br> </tr>
<br>
<br> </table>
<br>
<br> </body>
<br>
<br> </html>
<br>
<br> css单位
<br>
<br> 分四大类：
<br>
<br> 1 长度单位
<br>
<br> 数值可以是整数，小数，正数，负数，0，后加单位（负值不要轻易使用）
<br>
<br> 换算关系：
<br>
<br> 1in(英寸)=6pc(派)
<br>
<br> 1in(英寸)=72pt(磅)
<br>
<br> 1in(英寸)=2.54(厘米)
<br>
<br> 1cm(厘米)=10mm(毫米)
<br>
<br> 1cm(厘米)=0.3937(英寸)
<br>
<br> 1pt(磅)=1/72in(英寸)=0.2478mm(毫米)
<br>
<br> 1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸
<br>
<br> 2 百分比单位
<br>
<br> 3 颜色单位
<br>
<br> 4 url单位
<br>
<br> div属性
<br>
<br> color : #999999 文字颜色
<br>
<br> font-family : 宋体 文字字型
<br>
<br> font-size : 10pt 文字大小
<br>
<br> font-style:itelic 文字斜体育
<br>
<br> font-variant:small-caps 小字体
<br>
<br> letter-spacing : 1pt 文字间距
<br>
<br> line-height : 200% 设定行高
<br>
<br> font-weight:bold 文字粗体
<br>
<br> vertical-align:sub 下标字
<br>
<br> vertical-align:super 上标字
<br>
<br> text-decoration:line-through 加?h除线
<br>
<br> text-decoration:overline 加顶线
<br>
<br> text-decoration:underline 加底线
<br>
<br> text-decoration:none ?h除连接底线
<br>
<br> text-transform : capitalize 首字大写
<br>
<br> text-transform : uppercase 英文大写
<br>
<br> text-transform : lowercase 英文写
<br>
<br> text-align:right 文字*右对齐
<br>
<br> text-align:left 文字*左对齐
<br>
<br> text-align:center 文字置中对齐
<br>
<br> 这些是一些简单的文字效果，可以应用到css的页面中。
<br>
<br> 背景
<br>
<br> background-color:black 背景颜色
<br>
<br> background-image : url(image/bg.gif) 背景图片
<br>
<br> background-attachment : fixed 固定背景
<br>
<br> background-repeat : repeat 重复排列-网页预设
<br>
<br> background-repeat : no-repeat 不重复排列
<br>
<br> background-repeat : repeat-x 在x轴重复排列
<br>
<br> background-repeat : repeat-y 在y轴重复排列
<br>
<br> background-position : 90% 90% 背景图片x与y轴的位置
<br>
<br> 链接
<br>
<br> A 所有超连接
<br>
<br> A:link 超连接文字格式
<br>
<br> A:visited 浏览过的连接文字格式
<br>
<br> A:active 按下连接的格式
<br>
<br> A:hover 鼠标移至连接
<br>
<br> 边框
<br>
<br> border-top : 1px solid black 上框
<br>
<br> border-bottom : 1px solid #6699cc 下框
<br>
<br> border-left : 1px solid #6699cc 左框
<br>
<br> border-right : 1px solid #6699cc 右框
<br>
<br> border: 1px solid #6699cc 四边框
<br>
<br> 虚线
<br>
<br> <TEXTAREA STYLE="border:1px dashed pink">
<br>
<br> 实线
<br>
<br> <TEXTAREA STYLE="border:1px solid pink">
<br>
<div id="xunlei_com_thunder_helper_plugin_d462f475-c18e-46be-bd10-327458d045bd"></div>
</div>
</div>
</div>
</div>
</div>
<!--PC和WAP自适应版-->
<div id="SOHUCS" sid="1276437686042771456"></div>
<script type="text/javascript" src="/views/front/js/chanyan.js"></script>
<!-- 文章页-底部 动态广告位 -->
<div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
</div>
<div class="col-md-3">
<div class="row" id="ad">
<!-- 文章页-右侧1 动态广告位 -->
<div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_1"> </div>
</div>
<!-- 文章页-右侧2 动态广告位 -->
<div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_2"></div>
</div>
<!-- 文章页-右侧3 动态广告位 -->
<div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
<div class="youdao-fixed-ad" id="detail_ad_3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端,java)</h4>
<div id="paradigm-article-related">
<div class="recommend-post mb30">
<ul class="widget-links">
<li><a href="/article/1835509897106649088.htm"
title="Long类型前后端数据不一致" target="_blank">Long类型前后端数据不一致</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问</div>
</li>
<li><a href="/article/1835509769822105600.htm"
title="LocalDateTime 转 String" target="_blank">LocalDateTime 转 String</a>
<span class="text-muted">igotyback</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>importjava.time.LocalDateTime;importjava.time.format.DateTimeFormatter;publicclassMain{publicstaticvoidmain(String[]args){//获取当前时间LocalDateTimenow=LocalDateTime.now();//定义日期格式化器DateTimeFormatterformat</div>
</li>
<li><a href="/article/1835509391361667072.htm"
title="Linux下QT开发的动态库界面弹出操作（SDL2）" target="_blank">Linux下QT开发的动态库界面弹出操作（SDL2）</a>
<span class="text-muted">13jjyao</span>
<a class="tag" taget="_blank" href="/search/QT%E7%B1%BB/1.htm">QT类</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/sdl2/1.htm">sdl2</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口</div>
</li>
<li><a href="/article/1835498925755297792.htm"
title="DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理" target="_blank">DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理</a>
<span class="text-muted">STU学生网页设计</span>
<a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/%E6%9C%9F%E6%9C%AB%E7%BD%91%E9%A1%B5%E4%BD%9C%E4%B8%9A/1.htm">期末网页作业</a><a class="tag" taget="_blank" href="/search/html%E9%9D%99%E6%80%81%E7%BD%91%E9%A1%B5/1.htm">html静态网页</a><a class="tag" taget="_blank" href="/search/html5%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">html5期末大作业</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1/1.htm">网页设计</a><a class="tag" taget="_blank" href="/search/web%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web大作业</a>
<div>️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程</div>
</li>
<li><a href="/article/1835498547785592832.htm"
title="【华为OD机试真题2023B卷 JAVA&JS】We Are A Team" target="_blank">【华为OD机试真题2023B卷 JAVA&JS】We Are A Team</a>
<span class="text-muted">若博豆</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%8D%8E%E4%B8%BA/1.htm">华为</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
<div>华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代</div>
</li>
<li><a href="/article/1835497792265613312.htm"
title="【加密社】Solidity 中的事件机制及其应用" target="_blank">【加密社】Solidity 中的事件机制及其应用</a>
<span class="text-muted">加密社</span>
<a class="tag" taget="_blank" href="/search/%E9%97%B2%E4%BE%83/1.htm">闲侃</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a><a class="tag" taget="_blank" href="/search/%E6%99%BA%E8%83%BD%E5%90%88%E7%BA%A6/1.htm">智能合约</a><a class="tag" taget="_blank" href="/search/%E5%8C%BA%E5%9D%97%E9%93%BE/1.htm">区块链</a>
<div>加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件</div>
</li>
<li><a href="/article/1835496149843275776.htm"
title="关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript" target="_blank">关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/%E9%A3%8E%E6%99%AF/1.htm">风景</a>
<div>⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip</div>
</li>
<li><a href="/article/1835496148601761792.htm"
title="HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动" target="_blank">HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动</a>
<span class="text-muted">二挡起步</span>
<a class="tag" taget="_blank" href="/search/web%E5%89%8D%E7%AB%AF%E6%9C%9F%E6%9C%AB%E5%A4%A7%E4%BD%9C%E4%B8%9A/1.htm">web前端期末大作业</a><a class="tag" taget="_blank" href="/search/web%E8%AE%BE%E8%AE%A1%E7%BD%91%E9%A1%B5%E8%A7%84%E5%88%92%E4%B8%8E%E8%AE%BE%E8%AE%A1/1.htm">web设计网页规划与设计</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/dreamweaver/1.htm">dreamweaver</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
<div>Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线</div>
</li>
<li><a href="/article/1835492740536823808.htm"
title="node.js学习" target="_blank">node.js学习</a>
<span class="text-muted">小猿L</span>
<a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/node.js/1.htm">node.js</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/vim/1.htm">vim</a>
<div>node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行</div>
</li>
<li><a href="/article/1835476093189058560.htm"
title="Java 重写(Override)与重载(Overload)" target="_blank">Java 重写(Override)与重载(Overload)</a>
<span class="text-muted">叨唧唧的</span>
<div>Java重写(Override)与重载(Overload)重写(Override)重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。即外壳不变，核心重写！重写的好处在于子类可以根据需要，定义特定于自己的行为。也就是说子类能够根据需要实现父类的方法。重写方法不能抛出新的检查异常或者比被重写方法申明更加宽泛的异常。例如：父类的一个方法申明了一个检查异常IOExceptio</div>
</li>
<li><a href="/article/1835473830873755648.htm"
title="简单了解 JVM" target="_blank">简单了解 JVM</a>
<span class="text-muted">记得开心一点啊</span>
<a class="tag" taget="_blank" href="/search/jvm/1.htm">jvm</a>
<div>目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机</div>
</li>
<li><a href="/article/1835471058648526848.htm"
title="1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven" target="_blank">1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven</a>
<span class="text-muted">Energet!c</span>
<a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach</div>
</li>
<li><a href="/article/1835469672334585856.htm"
title="Java企业面试题3" target="_blank">Java企业面试题3</a>
<span class="text-muted">马龙强_</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分</div>
</li>
<li><a href="/article/1835468916290318336.htm"
title="JVM、JRE和 JDK：理解Java开发的三大核心组件" target="_blank">JVM、JRE和 JDK：理解Java开发的三大核心组件</a>
<span class="text-muted">Y雨何时停T</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
<div>Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja</div>
</li>
<li><a href="/article/1835464504918503424.htm"
title="Java面试题精选：消息队列(二)" target="_blank">Java面试题精选：消息队列(二)</a>
<span class="text-muted">芒果不是芒</span>
<a class="tag" taget="_blank" href="/search/Java%E9%9D%A2%E8%AF%95%E9%A2%98%E7%B2%BE%E9%80%89/1.htm">Java面试题精选</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/kafka/1.htm">kafka</a>
<div>一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会</div>
</li>
<li><a href="/article/1835462485629562880.htm"
title="白骑士的Java教学基础篇 2.5 控制流语句" target="_blank">白骑士的Java教学基础篇 2.5 控制流语句</a>
<span class="text-muted">白骑士所长</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/%E6%95%99%E5%AD%A6/1.htm">教学</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘</div>
</li>
<li><a href="/article/1835462232612368384.htm"
title="python语法——三目运算符" target="_blank">python语法——三目运算符</a>
<span class="text-muted">HappyRocking</span>
<a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E4%B8%89%E7%9B%AE%E8%BF%90%E7%AE%97%E7%AC%A6/1.htm">三目运算符</a>
<div>在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。</div>
</li>
<li><a href="/article/1835457442260021248.htm"
title="ArrayList 源码解析" target="_blank">ArrayList 源码解析</a>
<span class="text-muted">程序猿进阶</span>
<a class="tag" taget="_blank" href="/search/Java%E5%9F%BA%E7%A1%80/1.htm">Java基础</a><a class="tag" taget="_blank" href="/search/ArrayList/1.htm">ArrayList</a><a class="tag" taget="_blank" href="/search/List/1.htm">List</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96/1.htm">性能优化</a><a class="tag" taget="_blank" href="/search/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1/1.htm">架构设计</a><a class="tag" taget="_blank" href="/search/idea/1.htm">idea</a>
<div>ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添</div>
</li>
<li><a href="/article/1835454921990828032.htm"
title="Java爬虫框架（一）--架构设计" target="_blank">Java爬虫框架（一）--架构设计</a>
<span class="text-muted">狼图腾-狼之传说</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BB%BB%E5%8A%A1/1.htm">任务</a><a class="tag" taget="_blank" href="/search/html%E8%A7%A3%E6%9E%90%E5%99%A8/1.htm">html解析器</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8/1.htm">存储</a><a class="tag" taget="_blank" href="/search/%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1/1.htm">电子商务</a>
<div>一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast</div>
</li>
<li><a href="/article/1835454543471669248.htm"
title="Java：爬虫框架" target="_blank">Java：爬虫框架</a>
<span class="text-muted">dingcho</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a>
<div>一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分</div>
</li>
<li><a href="/article/1835450890077696000.htm"
title="python怎么将png转为tif_png转tif" target="_blank">python怎么将png转为tif_png转tif</a>
<span class="text-muted">weixin_39977276</span>
<div>发国外的文章要求图片是tif，cmyk色彩空间的。大小尺寸还有要求。比如网上大神多，找到了一段代码，感谢！https://www.jianshu.com/p/ec2af4311f56https://github.com/KevinZc007/image2Tifimportjava.awt.image.BufferedImage;importjava.io.File;importjava.io.Fi</div>
</li>
<li><a href="/article/1835448238103162880.htm"
title="springboot+vue项目实战一-创建SpringBoot简单项目" target="_blank">springboot+vue项目实战一-创建SpringBoot简单项目</a>
<span class="text-muted">苹果酱0567</span>
<a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E9%A2%98%E6%B1%87%E6%80%BB%E4%B8%8E%E8%A7%A3%E6%9E%90/1.htm">面试题汇总与解析</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/boot/1.htm">boot</a><a class="tag" taget="_blank" href="/search/%E5%90%8E%E7%AB%AF/1.htm">后端</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%B8%AD%E9%97%B4%E4%BB%B6/1.htm">中间件</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一</div>
</li>
<li><a href="/article/1835448239864770560.htm"
title="JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）" target="_blank">JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy）</a>
<span class="text-muted">跳房子的前端</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95/1.htm">前端面试</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a>
<div>在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数</div>
</li>
<li><a href="/article/1835444076007223296.htm"
title="JAVA·一个简单的登录窗口" target="_blank">JAVA·一个简单的登录窗口</a>
<span class="text-muted">MortalTom</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
<div>文章目录概要整体架构流程技术名词解释技术细节资源概要JavaSwing是Java基础类库的一部分，主要用于开发图形用户界面（GUI）程序整体架构流程新建项目，导入sql.jar包（链接放在了文末），编译项目并运行技术名词解释一、特点丰富的组件提供了多种可视化组件，如按钮（JButton）、文本框（JTextField）、标签（JLabel）、下拉列表（JComboBox）等，可以满足不同的界面设计</div>
</li>
<li><a href="/article/1835438028009598976.htm"
title="WebMagic：强大的Java爬虫框架解析与实战" target="_blank">WebMagic：强大的Java爬虫框架解析与实战</a>
<span class="text-muted">Aaron_945</span>
<a class="tag" taget="_blank" href="/search/Java/1.htm">Java</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>文章目录引言官网链接WebMagic原理概述基础使用1.添加依赖2.编写PageProcessor高级使用1.自定义Pipeline2.分布式抓取优点结论引言在大数据时代，网络爬虫作为数据收集的重要工具，扮演着不可或缺的角色。Java作为一门广泛使用的编程语言，在爬虫开发领域也有其独特的优势。WebMagic是一个开源的Java爬虫框架，它提供了简单灵活的API，支持多线程、分布式抓取，以及丰富的</div>
</li>
<li><a href="/article/1835437775344726016.htm"
title="博客网站制作教程" target="_blank">博客网站制作教程</a>
<span class="text-muted">2401_85194651</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a>
<div>首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java</div>
</li>
<li><a href="/article/1835435506645692416.htm"
title="00. 这里整理了最全的爬虫框架（Java + Python）" target="_blank">00. 这里整理了最全的爬虫框架（Java + Python）</a>
<span class="text-muted">有一只柴犬</span>
<a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB%E7%B3%BB%E5%88%97/1.htm">爬虫系列</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a>
<div>目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2</div>
</li>
<li><a href="/article/1835429581205630976.htm"
title="JAVA学习笔记之23种设计模式学习" target="_blank">JAVA学习笔记之23种设计模式学习</a>
<span class="text-muted">victorfreedom</span>
<a class="tag" taget="_blank" href="/search/Java%E6%8A%80%E6%9C%AF/1.htm">Java技术</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">常用设计模式</a>
<div>博主最近买了《设计模式》这本书来学习，无奈这本书是以C++语言为基础进行说明，整个学习流程下来效率不是很高，虽然有的设计模式通俗易懂，但感觉还是没有充分的掌握了所有的设计模式。于是博主百度了一番，发现有大神写过了这方面的问题，于是博主迅速拿来学习。一、设计模式的分类总体来说设计模式分为三大类：创建型模式，共五种：工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模式。结构型模式，共七种：适配器</div>
</li>
<li><a href="/article/1835428948339683328.htm"
title="JavaScript `Map` 和 `WeakMap`详细解释" target="_blank">JavaScript `Map` 和 `WeakMap`详细解释</a>
<span class="text-muted">跳房子的前端</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%8E%9F%E7%94%9F%E6%96%B9%E6%B3%95/1.htm">原生方法</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a>
<div>在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键</div>
</li>
<li><a href="/article/1835428317084348416.htm"
title="最简单将静态网页挂载到服务器上(不用nginx)" target="_blank">最简单将静态网页挂载到服务器上(不用nginx)</a>
<span class="text-muted">全能全知者</span>
<a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/nginx/1.htm">nginx</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E7%AC%94%E8%AE%B0/1.htm">笔记</a>
<div>最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl</div>
</li>
<li><a href="/article/128.htm"
title="scala的option和some" target="_blank">scala的option和some</a>
<span class="text-muted">矮蛋蛋</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B/1.htm">编程</a><a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>原文地址：
http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html
对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点</div>
</li>
<li><a href="/article/255.htm"
title="NullPointerException" target="_blank">NullPointerException</a>
<span class="text-muted">Cb123456</span>
<a class="tag" taget="_blank" href="/search/android/1.htm">android</a><a class="tag" taget="_blank" href="/search/BaseAdapter/1.htm">BaseAdapter</a>
<div>
java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference
出现以上异常.然后就在baidu上</div>
</li>
<li><a href="/article/382.htm"
title="PHP使用文件和目录" target="_blank">PHP使用文件和目录</a>
<span class="text-muted">天子之骄</span>
<a class="tag" taget="_blank" href="/search/php%E6%96%87%E4%BB%B6%E5%92%8C%E7%9B%AE%E5%BD%95/1.htm">php文件和目录</a><a class="tag" taget="_blank" href="/search/%E8%AF%BB%E5%8F%96%E5%92%8C%E5%86%99%E5%85%A5/1.htm">读取和写入</a><a class="tag" taget="_blank" href="/search/php%E9%AA%8C%E8%AF%81%E6%96%87%E4%BB%B6/1.htm">php验证文件</a><a class="tag" taget="_blank" href="/search/php%E9%94%81%E5%AE%9A%E6%96%87%E4%BB%B6/1.htm">php锁定文件</a>
<div>PHP使用文件和目录
1.使用include()包含文件
(1)：使用include()从一个被包含文档返回一个值
(2)：在控制结构中使用include()
include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。
在php.ini文件中设置</div>
</li>
<li><a href="/article/509.htm"
title="SQL SELECT DISTINCT 语句" target="_blank">SQL SELECT DISTINCT 语句</a>
<span class="text-muted">何必如此</span>
<a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a>
<div>SELECT DISTINCT 语句用于返回唯一不同的值。
SQL SELECT DISTINCT 语句
在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。
DISTINCT 关键词用于返回唯一不同的值。
SQL SELECT DISTINCT 语法
SELECT DISTINCT column_name,column_name
F</div>
</li>
<li><a href="/article/636.htm"
title="java冒泡排序" target="_blank">java冒泡排序</a>
<span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%86%92%E6%B3%A1%E6%8E%92%E5%BA%8F/1.htm">冒泡排序</a>
<div>package com.algorithm;
/**
* @Description 冒泡
* @author FuJianyong
* 2015-1-22上午09:58:39
*/
public class MaoPao {
public static void main(String[] args) {
int[] mao = {17,50,26,18,9,10</div>
</li>
<li><a href="/article/763.htm"
title="struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！" target="_blank">struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！</a>
<span class="text-muted">7454103</span>
<a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a><a class="tag" taget="_blank" href="/search/Ajax/1.htm">Ajax</a><a class="tag" taget="_blank" href="/search/json/1.htm">json</a><a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a>
<div>struts2.18 出来有段时间了！ （貌似是 稳定版）
闲时研究下下！ 貌似 sruts2 搭配 json 做 ajax 很吃香！
实践了下下！ 不当之处请绕过！ 呵呵
网上一大堆 struts2+json 不过大多的json 插件 都是 jsonplugin.34.jar
strut</div>
</li>
<li><a href="/article/890.htm"
title="struts2 数据标签说明" target="_blank">struts2 数据标签说明</a>
<span class="text-muted">darkranger</span>
<a class="tag" taget="_blank" href="/search/jsp/1.htm">jsp</a><a class="tag" taget="_blank" href="/search/bean/1.htm">bean</a><a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a><a class="tag" taget="_blank" href="/search/Scheme/1.htm">Scheme</a>
<div>数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能
数据标签主要包括：
action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。
bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta</div>
</li>
<li><a href="/article/1017.htm"
title="链表.简单的链表节点构建" target="_blank">链表.简单的链表节点构建</a>
<span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E6%8A%80%E5%B7%A7/1.htm">编程技巧</a>
<div>/*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h"
#define NODE(name, key_word, help) \ Node name[1]={{NULL, NULL, NULL, key_word, help}}
typedef struct node { &nbs</div>
</li>
<li><a href="/article/1144.htm"
title="tomcat下jndi的三种配置方式" target="_blank">tomcat下jndi的三种配置方式</a>
<span class="text-muted">avords</span>
<a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a>
<div>jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称
访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。
tomcat配置</div>
</li>
<li><a href="/article/1271.htm"
title="关于敏捷的一些想法" target="_blank">关于敏捷的一些想法</a>
<span class="text-muted">houxinyou</span>
<a class="tag" taget="_blank" href="/search/%E6%95%8F%E6%8D%B7/1.htm">敏捷</a>
<div>从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。”
感觉表达的不太清楚。
感觉容易被人误解的地方主要在“用户多变的需求”上。
第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有</div>
</li>
<li><a href="/article/1398.htm"
title="富养还是穷养，决定孩子的一生" target="_blank">富养还是穷养，决定孩子的一生</a>
<span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/%E6%95%99%E8%82%B2/1.htm">教育</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E7%94%9F/1.htm">人生</a>
<div> 是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由
事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜</div>
</li>
<li><a href="/article/1525.htm"
title="oracle 日期时间格式转化" target="_blank">oracle 日期时间格式转化</a>
<span class="text-muted">征客丶</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
<div>oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP；
SYSDATE：不支持毫秒，取的是系统时间；
SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。
日期转字符窜：
一、不取毫秒：
TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS')
简要说明，
YYYY 年
MM 月</div>
</li>
<li><a href="/article/1652.htm"
title="【Scala六】分析Spark源代码总结的Scala语法四" target="_blank">【Scala六】分析Spark源代码总结的Scala语法四</a>
<span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/scala/1.htm">scala</a>
<div>1. apply语法
FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：
private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) {
...
def apply(bucketId</div>
</li>
<li><a href="/article/1779.htm"
title="Erlang中有意思的bug" target="_blank">Erlang中有意思的bug</a>
<span class="text-muted">bookjovi</span>
<a class="tag" taget="_blank" href="/search/erlang/1.htm">erlang</a>
<div>
代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam）
commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b
Author: Jovi Zhang <bookjovi@gmail.com>
Date: Fri Dec 2 16:19:22 2011 +0100
erts:</div>
</li>
<li><a href="/article/1906.htm"
title="移位打印10进制数转16进制-2008-08-18" target="_blank">移位打印10进制数转16进制-2008-08-18</a>
<span class="text-muted">ljy325</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E5%9F%BA%E7%A1%80/1.htm">基础</a>
<div>
/**
* Description 移位打印10进制的16进制形式
* Creation Date 15-08-2008 9:00
* @author 卢俊宇
* @version 1.0
*
*/
public class PrintHex {
// 备选字符
static final char di</div>
</li>
<li><a href="/article/2033.htm"
title="读《研磨设计模式》-代码笔记-组合模式" target="_blank">读《研磨设计模式》-代码笔记-组合模式</a>
<span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a>
<div>声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.util.ArrayList;
import java.util.List;
abstract class Component {
public abstract void printStruct(Str</div>
</li>
<li><a href="/article/2160.htm"
title="利用cmd命令将.class文件打包成jar" target="_blank">利用cmd命令将.class文件打包成jar</a>
<span class="text-muted">chenyu19891124</span>
<a class="tag" taget="_blank" href="/search/cmd/1.htm">cmd</a><a class="tag" taget="_blank" href="/search/jar/1.htm">jar</a>
<div>cmd命令打jar是如下实现：
在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes)
现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作：
cd D: 回车
cd workspace/prpal</div>
</li>
<li><a href="/article/2287.htm"
title="[原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明" target="_blank">[原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明</a>
<span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/eclipse/1.htm">eclipse</a><a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/%E7%AE%97%E6%B3%95/1.htm">算法</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/swing/1.htm">swing</a>
<div>
JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明
&nb</div>
</li>
<li><a href="/article/2414.htm"
title="SecureCRT右键粘贴的设置" target="_blank">SecureCRT右键粘贴的设置</a>
<span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/secureCRT/1.htm">secureCRT</a><a class="tag" taget="_blank" href="/search/%E5%8F%B3%E9%94%AE/1.htm">右键</a><a class="tag" taget="_blank" href="/search/%E7%B2%98%E8%B4%B4/1.htm">粘贴</a>
<div>一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。
老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。
菜单：
Options->Global Options ...->Terminal
右边有个Mouse的选项块。
Copy on Select
Paste on Right/Middle</div>
</li>
<li><a href="/article/2541.htm"
title="Linux 软链接和硬链接" target="_blank">Linux 软链接和硬链接</a>
<span class="text-muted">dongwei_6688</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
<div>1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。
【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连</div>
</li>
<li><a href="/article/2668.htm"
title="DIV底部自适应" target="_blank">DIV底部自适应</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q</div>
</li>
<li><a href="/article/2795.htm"
title="Centos6.5使用yum安装mysql——快速上手必备" target="_blank">Centos6.5使用yum安装mysql——快速上手必备</a>
<span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a>
<div>第1步、yum安装mysql
[root@stonex ~]# yum -y install mysql-server
安装结果：
Installed:
mysql-server.x86_64 0:5.1.73-3.el6_5 &nb</div>
</li>
<li><a href="/article/2922.htm"
title="如何调试JDK源码" target="_blank">如何调试JDK源码</a>
<span class="text-muted">frank1234</span>
<a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a>
<div>相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。
可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。
下面是编译jdk的具体步骤：
1.把C:\java\jdk1.6.0_26\sr</div>
</li>
<li><a href="/article/3049.htm"
title="Maximal Rectangle" target="_blank">Maximal Rectangle</a>
<span class="text-muted">hcx2013</span>
<a class="tag" taget="_blank" href="/search/max/1.htm">max</a>
<div>Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.
public class Solution {
public int maximalRectangle(char[][] matrix)</div>
</li>
<li><a href="/article/3176.htm"
title="Spring MVC测试框架详解——服务端测试" target="_blank">Spring MVC测试框架详解——服务端测试</a>
<span class="text-muted">jinnianshilongnian</span>
<a class="tag" taget="_blank" href="/search/spring+mvc+test/1.htm">spring mvc test</a>
<div>随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。
Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。
&nbs</div>
</li>
<li><a href="/article/3303.htm"
title="Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0" target="_blank">Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0</a>
<span class="text-muted">liyong0802</span>
<a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a>
<div>一、准备编译软件
1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。
环境变量设置如下：
（1）执行vim /etc/profile
（2）在文件尾部加入:
export JAVA_HOME=/home/spark/jdk1.7
export MAVEN_HOME=/ho</div>
</li>
<li><a href="/article/3430.htm"
title="StatusBar 字体白色" target="_blank">StatusBar 字体白色</a>
<span class="text-muted">pangyulei</span>
<a class="tag" taget="_blank" href="/search/status/1.htm">status</a>
<div>
[[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];
/*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method</div>
</li>
<li><a href="/article/3557.htm"
title="如何分析Java虚拟机死锁" target="_blank">如何分析Java虚拟机死锁</a>
<span class="text-muted">sesame</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E8%99%9A%E6%8B%9F%E6%9C%BA/1.htm">虚拟机</a><a class="tag" taget="_blank" href="/search/jdbc/1.htm">jdbc</a>
<div>英文资料：
Thread Dump and Concurrency Locks
Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B</div>
</li>
<li><a href="/article/3684.htm"
title="位运算简介及实用技巧（一）：基础篇" target="_blank">位运算简介及实用技巧（一）：基础篇</a>
<span class="text-muted">tw_wangzhengquan</span>
<a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a>
<div>http://www.matrix67.com/blog/archives/263
去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r</div>
</li>
<li><a href="/article/3811.htm"
title="jsearch的索引文件结构" target="_blank">jsearch的索引文件结构</a>
<span class="text-muted">yangshangchuan</span>
<a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2%E5%BC%95%E6%93%8E/1.htm">搜索引擎</a><a class="tag" taget="_blank" href="/search/jsearch/1.htm">jsearch</a><a class="tag" taget="_blank" href="/search/%E5%85%A8%E6%96%87%E6%A3%80%E7%B4%A2/1.htm">全文检索</a><a class="tag" taget="_blank" href="/search/%E4%BF%A1%E6%81%AF%E6%A3%80%E7%B4%A2/1.htm">信息检索</a><a class="tag" taget="_blank" href="/search/word%E5%88%86%E8%AF%8D/1.htm">word分词</a>
<div>jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。
jsearch的索引文件结构定义如下：
1、一个词的索引由=分割的三部分组成： 第一部分是词 第二部分是这个词在多少</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="container">
<div class="indexes">
<strong>按字母分类：</strong>
<a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
</div>
</div>
</div>
<footer id="footer" class="mb30 mt30">
<div class="container">
<div class="footBglm">
<a target="_blank" href="/">首页</a> -
<a target="_blank" href="/custom/about.htm">关于我们</a> -
<a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
<a target="_blank" href="/sitemap.txt">Sitemap</a> -
<a target="_blank" href="/custom/delete.htm">侵权投诉</a>
</div>
<div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
</div>
</div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>
</body>
</html>
转载http://blog.sina.com.cn/s/blog_780a9427010123yh.html
▼
标签： 杂谈 分类： CSS
跑马灯
普通卷动
滑动
预设卷动
来回卷动
向下卷动
向上卷动
向右卷动
向左卷动
卷动次数
设定宽度
设定高度
设定背景颜色
设定滚动速度
设定卷动时间
鼠标经过上面时停止滚动
鼠标离开时开始滚动
字体效果
...
标题字(最大)...
标题字(最小)...粗体字
...粗体字(强调) （同上效果略同）
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...键盘文字
... 打字体