html 块级元素和行内元素

块级元素和行内元素的区别

1、从视觉上区分:该元素是否独占一行,独占一行的意思是,在水平方向上只有该元素的内容

如果一个元素独占一行(比如,div元素),那么该元素就是块级元素;如果不是独占一行(比如,input元素),那么该元素就是行内元素。


2、从代码上区分:是否允许包含块级元素

如果可以包含块级元素(比如,td元素),那么该元素就是块级元素;如果不能包含块级元素,那么该元素就是行内元素。


哪些元素是块级元素,哪些元素是内联元素

块级元素列表
定义地址
定义表格标题
定义列表中定义条目
定义文档中的分区或节
定义列表
定义列表中的项目
定义一个框架集
创建 HTML 表单

定义最大的标题

定义副标题

定义标题

定义标题
定义标题
定义最小的标题

创建一条水平线
元素为 fieldset 元素定义标题
  • 标签定义列表项目
    </td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 为那些不支持框架的浏览器显示文本,于 frameset 元素内部</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <noscript></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义在脚本未被执行时的替代内容</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <ol></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义有序列表</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <ul></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义无序列表</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <p></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签定义段落</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <pre></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义预格式化的文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <table></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签定义 HTML 表格</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <tbody></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签表格主体(正文)</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <td></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 表格中的标准单元格</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <tfoot></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义表格的页脚(脚注或表注)</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <th></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义表头单元格</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <thead></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签定义表格的表头</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <tr></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义表格中的行</td> </tr> </tbody> </table> <table style="border-collapse:collapse;width:550px;color:rgb(71,71,71);font-family:Verdana, Arial, Tahoma;font-size:12px;line-height:21px;"> <caption style="font-size:13px;font-weight:bold;"> 行内元素列表 </caption> <tbody> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <a></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签可定义锚</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <abbr></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 表示一个缩写形式</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <acronym></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义只取首字母缩写</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <b></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 字体加粗</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <bdo></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 可覆盖默认的文本方向</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <big></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 大号字体加粗</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <br></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 换行</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <cite></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 引用进行定义</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <code></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义计算机代码文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <dfn></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义一个定义项目</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <em></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义为强调的内容</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <i></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 斜体文本效果</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <img></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 向网页中嵌入一幅图像</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <input></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 输入框</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <kbd></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义键盘文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <label></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签为 input 元素定义标注(标记)</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <q></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义短的引用</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <samp></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义样本文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <select></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 创建单选或多选菜单</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <small></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 呈现小号字体效果</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <span></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 组合文档中的行内元素</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <strong></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 语气更强的强调的内容</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <sub></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义下标文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <sup></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义上标文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <textarea></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 多行的文本输入控件</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <tt></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 打字机或者等宽的文本效果</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <var></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义变量</td> </tr> </tbody> </table> <table style="border-collapse:collapse;width:550px;color:rgb(71,71,71);font-family:Verdana, Arial, Tahoma;font-size:12px;line-height:21px;"> <caption style="font-size:13px;font-weight:bold;"> 可变元素素列表--可变元素为根据上下文语境决定该元素为块元素或者内联元素 </caption> <tbody> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <button></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 按钮</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <del></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 定义文档中已被删除的文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <iframe></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 创建包含另外一个文档的内联框架(即行内框架)</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <ins></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 标签定义已经被插入文档中的文本</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <map></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 客户端图像映射(即热区)</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <object></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> object对象</td> </tr> <tr> <td style="border-style:solid;border-color:rgb(183,209,126);"> <script></td> <td style="border-style:solid;border-color:rgb(183,209,126);"> 客户端脚本</td> </tr> </tbody> </table> 参考: <p>http://blog.csdn.net/sykent/article/details/7738408<br></p> <p><br></p> <p><br></p> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1298540706436030464"></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">你可能感兴趣的:(HTML&CSS)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1830539876588679168.htm" title="前端知识HTML&CSS" target="_blank">前端知识HTML&CSS</a> <span class="text-muted">啵啵薯条</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/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/css/1.htm">css</a> <div>目录1.前端开发介绍1.1认识前端开发1.2web标准2.HTML&CSS2.1HTML快速入门2.1.1操作2.1.2总结2.2开发工具2.3基础标签&样式2.3.1标题实现2.3.1.1标题排版2.3.1.1.1分析2.3.1.1.2标签2.3.1.1.2实现2.3.1.2标题样式2.3.1.2.1CSS引入方式2.3.1.2.2颜色表示2.3.1.2.3标题字体颜色2.3.1.2.4CSS选</div> </li> <li><a href="/article/1755192429553664000.htm" title="HTML&CSS(Day02)" target="_blank">HTML&CSS(Day02)</a> <span class="text-muted">宝宝跟你们拼啦</span> <div>1、盒子模型1-1:div元素的引出1-2:盒子模型的五个主要元素:width、height、padding、border、marginwidth:内容的宽度。CSS中width指的是内容的宽度,而不是盒子的宽度。盒子的宽度=内容宽度+padding+borderheight:内容的高度。CSS中height指的是内容的高度,而不是盒子的高度。盒子的高度=内容高度+padding+borderpa</div> </li> <li><a href="/article/1754295811119792128.htm" title="HTML&CSS仿京东首页制作静态页面总结" target="_blank">HTML&CSS仿京东首页制作静态页面总结</a> <span class="text-muted">ccj_zxy</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>目录一.网站优化三大标签:title(网站标题),description(网站说明),Keywords(网站关键词)二.favicon图表的使用三.字体图标的使用四.base.css和common.css的使用五.仿京东首页的制作(1)顶部快捷导航的制作(2)head头部的制作(3)顶部导航的制作(4)footer底部栏的制作(5)main主要部分的制作编辑(6)推荐部分的制作(7)楼层区的制作</div> </li> <li><a href="/article/1754000751895527424.htm" title="HTML&CSS JavaScript 基础" target="_blank">HTML&CSS JavaScript 基础</a> <span class="text-muted">ARTHUR王旭光</span> <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> <div>HTML复杂建立骨架。CSS复杂装修。JS负责定义行为和交互。示例功能,点击按钮,数量增加,图片交互显示。Documentvarcount=0;functionclickFunc(){document.getElementById("h1").innerText=`${++count}`;document.getElementById("img").style.visibility=count%2</div> </li> <li><a href="/article/1750431356875194368.htm" title="免费自学编程的12个网站" target="_blank">免费自学编程的12个网站</a> <span class="text-muted">蓝调之歌</span> <div>现在,如果你想学编程的话,这12个网站可以帮助你,它们都提供了免费的课程供你学习,因此你无需担心费用的问题。1.Codecademy其中,Codecademy是最受欢迎的免费编程学习网站之一。事实上,已经有超过2400万人通过这家公司的教育模式学会了编程。Codecademy开设的课程有HTML&CSS,JavaScript,jQuery的,PHP,Python和Ruby。2.CourseraCo</div> </li> <li><a href="/article/1745258097837883392.htm" title="html&css" target="_blank">html&css</a> <span class="text-muted">Jones_aj</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML&CSS笔记总结标签语义化网页最大标题只能写一个提高网页的排名写在log下面h2-h6内容标题可以随便多写从大到小的写容器可以装任何东西包裹一段文字包裹重要文字引入图片属性src图片地址alt图片描述图片未引用成功时显示在页面ali中描述内容title当鼠标移到到标签时显示内容在哪里引入图片就在哪里开始找相对路径./同级文件/打开文件夹…/打开上一级对话列表dldt标题dd内容列表无序列表</div> </li> <li><a href="/article/1745207586581397504.htm" title="HTML&CSS基础篇之一:HTML前世今生" target="_blank">HTML&CSS基础篇之一:HTML前世今生</a> <span class="text-muted">浪子大侠走江湖</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML到底是什么超文本标记语言HTML——超文本标记语言(英语:HyperTextMarkupLanguage,简称:HTML)是一种用于创建网页的标准标记语言。1.HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。2.HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。3.网页</div> </li> <li><a href="/article/1745117676784599040.htm" title="HTML&CSS基础总结" target="_blank">HTML&CSS基础总结</a> <span class="text-muted">Night_Kid</span> <div>1.设置宽度width:100px;2.设置高度height:100px;3.设置外边距上下左右均有100px的外边距(盒子与盒子之间的距离)margin:100px;3.1设置上外边距margin-top:100px;3.2设置下外边距margin-bottom:100px;3.3设置左外边距margin-left:100px;3.4设置右外边距margin-right:100px;3.5有宽度</div> </li> <li><a href="/article/1744682783114018816.htm" title="Html&CSS学习笔记02---HTML标签的介绍" target="_blank">Html&CSS学习笔记02---HTML标签的介绍</a> <span class="text-muted">DKTF</span> <div>1、HTML标签介绍1.1、标签的格式:封装的数据1.2、标签名大小写不敏感1.3、标签拥有自己的属性基本属性:bgcolor="red"可以修改简单的样式效果事件属性:onclick="alert('你好!');"可以直接设置事件响应后反馈的代码1.4、标签又分为,单标签和双标签单标签格式:换行水平线双标签格式:..封装的数据....封装的数据..1.5、标签的语法正确:早安,尚硅谷错误:早安,</div> </li> <li><a href="/article/1743247383707271168.htm" title="HTML&CSS知识点总结(二)" target="_blank">HTML&CSS知识点总结(二)</a> <span class="text-muted">nzdnllm</span> <div>1.表单标签常用属性:action:表单提交的位置method:表单提交的方法(get/post/put/delete……)默认值:get2.表单常用值解析:(1)用户名:value:文本框默认值size:文本框长度maxlengh:最多输入字符数readonly:只读(用户修改用户信息时的身份证号等条目)placeholder:提示信息3.使用div+CSS布局完成首页重构(1)divhtml标</div> </li> <li><a href="/article/1742319612281765888.htm" title="html&css笔记完整版" target="_blank">html&css笔记完整版</a> <span class="text-muted">NoN小旻</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html%26amp%3Bcss/1.htm">html&amp;css</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AD%A6/1.htm">自学</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> <div>把1,2合在一起了,方便查看教程指路:这里目录1.导入京东界面练习(p102-114)设置网站图标(用在标题栏和收藏栏)2.vscode使用3.html实体meta标签:语义化标签块元素和行内元素列表超链接路径:图片标签内联框架音视频表格table表单formCSS设置样式:语法:选择器:单个选择器:复合选择器:父子兄弟选择器:属性选择器伪类选择器:否定伪类:超链接伪类:伪元素选择器:权重继承单位</div> </li> <li><a href="/article/1741546892757581824.htm" title="JAVA WEB笔记:HTML&CSS" target="_blank">JAVA WEB笔记:HTML&CSS</a> <span class="text-muted">Yonin</span> <a class="tag" taget="_blank" href="/search/JAVA/1.htm">JAVA</a><a class="tag" taget="_blank" href="/search/WEB/1.htm">WEB</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>文章目录一、Web概述1.1JavaWeb概念1.2软件架构1.3B/S架构详解二、HTML2.1HTML概念2.2快速入门2.3标签学习2.3.1文件标签:构成html最基本的标签2.3.2文本标签:和文本有关的标签2.3.3图片标签2.3.4列表标签2.3.5链接标签2.3.6div和span2.3.7语义化标签:html5中为了提高程序的可读性,提供了一些标签2.3.8表格标签三、案例:旅游</div> </li> <li><a href="/article/1740939136224739328.htm" title="前端三件套html/css/js的基本认识以及示例程序" target="_blank">前端三件套html/css/js的基本认识以及示例程序</a> <span class="text-muted">killsime</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>简介本文简要讲解了html,css,js.主要是让大家简要了解网络知识因为实际开发中很少直接写html&css,所以不必过多纠结,了解一下架构就好希望深度学习可以参考MDN和w3schoolHTML基础HTML(HyperTextMarkupLanguage)不是一门编程语言,而是一种用来告知浏览器如何组织页面的标记语言.主要用于页面结构的组织最简单的一个内容是这样的welcometohtml属性</div> </li> <li><a href="/article/1740392018812616704.htm" title="JavaWeb——前端之HTML&CSS" target="_blank">JavaWeb——前端之HTML&CSS</a> <span class="text-muted">小鱼0135</span> <a class="tag" taget="_blank" href="/search/JAVA%E5%9F%BA%E7%A1%80%E7%AF%87/1.htm">JAVA基础篇</a><a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</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/css/1.htm">css</a> <div>学习视频链接:https://www.bilibili.com/video/BV1m84y1w7Tb/?spm_id_from=333.999.0.0一、Web开发1.概述能通过浏览器访问的网站2.Web网站的开发模式——主流是前后端分离二、前端Web开发1.初识前端编写的代码通过浏览器进行解析和渲染得到我们看到的网页,不同的浏览器有不同的内核,拿为甚么我们看到的网页在不同的浏览器下是一样的?——</div> </li> <li><a href="/article/1740331226939539456.htm" title="WEB开发笔记之HTML&CSS及相关基础篇介绍" target="_blank">WEB开发笔记之HTML&CSS及相关基础篇介绍</a> <span class="text-muted">九阳子</span> <a class="tag" taget="_blank" href="/search/%E5%86%85%E6%A0%B8/1.htm">内核</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>文章目录什么是web?什么是w3c?web学习的基础部分:HTML+CSS+js=网页如何执行HTML和CSS?什么是web?web:WorldWideWeb(全球广域网,也称万维网。)是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统,是建立在Internet上的一种网络服务。什么是w3c?w3c:万维网联盟。是Web技术领域最具权威和影响力的国际中立性技术标准机构。</div> </li> <li><a href="/article/1737917471219834880.htm" title="【HTML&CSS】常见元素及样式汇总" target="_blank">【HTML&CSS】常见元素及样式汇总</a> <span class="text-muted">软工怎么这么难</span> <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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>HTML与CSSCSS引入方式行内样式:写在标签的style属性中(不推荐)中国新闻网内嵌样式:写在标签中(可以写在页面任何位置,但通常约定写在标签中)h1{xxx:xxxxxx:xxx}元素选择器元素名称{color:red;}h1{color:red;}id选择器#id属性值{color:red;}#hid{color:red;}类选择器.class属性值{color:red;}.cls{co</div> </li> <li><a href="/article/1736501966030299136.htm" title="JavaWeb——第二章 HTML&CSS" target="_blank">JavaWeb——第二章 HTML&CSS</a> <span class="text-muted">_Matthew</span> <a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</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/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>JavaWeb——第二章HTML&CSS1.HTML入门1.1HTML&CSS&JavaScript的作用1.2什么是HTML1.3什么是超文本1.4什么是标记语言1.5HTML基础结构1.6HTML的入门程序1.7HTML概念词汇解释1.8HTML的语法规则1.9开发工具VsCode的安装和使用1.10在线帮助文档2.HTML常见标签2.1标题标签2.2段落标签2.3换行标签2.4列表标签2.5</div> </li> <li><a href="/article/1732185046959337472.htm" title="vue实现树状结构+拖拽" target="_blank">vue实现树状结构+拖拽</a> <span class="text-muted">fc&&fl</span> <a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>1.首先说树状结构的实现我直接推一手链接,直接用他的最终源码就可以HTML&CSS中的树形结构图_html树状结构图_|木子李|的博客-CSDN博客然后,我这里有一些改动menudata结构如下menudata:[{name:"1213",id:1,},{name:"12312",id:2,}]相关方法如下onMenuClick(name){console.log(name);},dragStar</div> </li> <li><a href="/article/1730525147342909440.htm" title="Java-web开发入门HTML&CSS开发用户登录界面" target="_blank">Java-web开发入门HTML&CSS开发用户登录界面</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/web/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/web/1.htm">web</a> <div>HTML标签:表单标签*表单:*概念:用于采集用户输入的数据的。用于和服务器进行交互。*form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围*属性:*action:指定提交数据的URL*method:指定提交方式*分类:一共7种,2种比较常用*get:1.请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)。2.请求参数大小是有限制的。3.不太安全。*post:2.请</div> </li> <li><a href="/article/1729235624835231744.htm" title="由浅入深,66条JavaScript面试知识点" target="_blank">由浅入深,66条JavaScript面试知识点</a> <span class="text-muted">song854601134</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E7%82%B9/1.htm">面试知识点</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>文章目录前言HTML&CSS:JavaScript:Vue:1.介绍一下js的数据类型有哪些,值是如何存储的2.&&、||和!!运算符分别能做什么3.js的数据类型的转换4.JS中数据类型的判断(typeof,instanceof,constructor,Object.prototype.toString.call()5.介绍js有哪些内置对象?6.undefined与undeclared的区别?</div> </li> <li><a href="/article/1729234851011309568.htm" title="JavaScript面试知识点" target="_blank">JavaScript面试知识点</a> <span class="text-muted">hell0_W0rld4396</span> <a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>JavaScript面试知识点HTML&CSS:浏览器内核盒模型、flex布局、两/三栏布局、水平/垂直居中;BFC、清除浮动;css3动画、H5新特性。JavaScript:继承、原型链、this指向、设计模式、call,apply,bind,;new实现、防抖节流、let,var,const区别、暂时性死区、event、loop;promise使用及实现、promise并行执行和顺序执行;as</div> </li> <li><a href="/article/1726636015130587136.htm" title="第一节:HTML & CSS概述" target="_blank">第一节:HTML & CSS概述</a> <span class="text-muted">EndPein</span> <div>术语在学习之前先了解一下HTML&CSS当中的一些术语,这样可以降低我们在后续的学习中的沟通成本web(互联网)w3c(万维网联盟,非营利性的组织:w3.org,为互联网提供各种标准)xml(可扩展的标记语言:用于定义文档结构的)xml是支持自定义的,例如下面这样星期一每天0点最新2020HTML&CSS教程什么是HTML?HTML是w3c组织定义的语言标准:官网地址,如果英文不好的同学可以访问M</div> </li> <li><a href="/article/1726059368341909504.htm" title="《HTML&CSS面试题》" target="_blank">《HTML&CSS面试题》</a> <span class="text-muted">maeryang0510</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E6%8A%80%E6%9C%AF/1.htm">前端技术</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a> <div>1,HTML5中新增了哪些内容?1.广义上的html5指的是最新一代前端开发技术的总称,包括html5,CSS3,新增的webAPI。2.Html中新增了header,footer,main,nav等语义化标签,新增了video,audio媒体标签,新增了canvas画布。新增了一些标签属性,例如input的placeholder。3.Css3中新增了:圆角,阴影,滤镜,vw/vh单位,flex布</div> </li> <li><a href="/article/1724679614846021632.htm" title="HTML&CSS form表单 注册页面" target="_blank">HTML&CSS form表单 注册页面</a> <span class="text-muted">小帅子Lv</span> <a class="tag" taget="_blank" href="/search/form%E8%A1%A8%E5%8D%95%E9%A1%B5%E9%9D%A2%E6%B3%A8%E5%86%8C/1.htm">form表单页面注册</a><a class="tag" taget="_blank" href="/search/HTML%26amp%3BCSS/1.htm">HTML&amp;CSS</a> <div>1、HTML的表单标签form表单CSS样式HTML标签:表单标签1、form表单的基础介绍A.格式...B.属性a.action存放的是URL网址.(把表单项"输入框"当中的数据,提交到网址对应的服务器上)b.method设置请求的方式get请求和post请求get特点:在地址栏有参数信息,数据量小,不安全post特点:在地址栏没有参数信息,数据量大,安全C.注意如果要提交数据到地址栏,必须设置</div> </li> <li><a href="/article/1724527466338398208.htm" title="CSS基础知识笔记(0基础入门)" target="_blank">CSS基础知识笔记(0基础入门)</a> <span class="text-muted">Nov-Nana</span> <a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/web/1.htm">web</a> <div>HTML&CSS基础知识笔记CSS一、CSS简介二、CSS语法选择器元素选择器id选择器(唯一)类选择器统配选择器交集选择器选择器分组(并集选择器)子元素选择器后代元素选择器兄弟元素选择器属性选择器伪类选择器伪元素选择器声明块单位长度单位颜色单位三、Layout文档流盒模型元素的水平方向布局元素的垂直方向布局外边距的折叠行内元素的盒模型盒子的尺寸阴影轮廓和圆角四、Float浮动简介浮动其他特点网页</div> </li> <li><a href="/article/1723008279132581888.htm" title="[译]HTML&CSS Lesson7: 设置背景和渐变色" target="_blank">[译]HTML&CSS Lesson7: 设置背景和渐变色</a> <span class="text-muted">weixin_33736649</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/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/ViewUI/1.htm">ViewUI</a> <div>背景对网站的设计有重大的影响。它有利于建立网站的整体感觉,设置分组,分配优先级,对网站的可用性也有相当大的影响。在CSS中,元素的背景可以是一个纯色,一张图,一个渐变色或者它们的组合。在我们决定如何实现背景之前,我们要考虑到背景是为了网站的整体布局服务的。在这节课中,我们将会学习如何在元素上实现各类背景色,包括渐变色。同时我们也会接触到一些CSS3的背景属性。添加背景色给元素添加背景的最便捷方式就</div> </li> <li><a href="/article/1722307606141284352.htm" title="web前端基础知识" target="_blank">web前端基础知识</a> <span class="text-muted">殿君不是殿军</span> <a class="tag" taget="_blank" href="/search/%E7%BB%8F%E9%AA%8C%E5%88%86%E4%BA%AB/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/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>HTML&CSS基础经典版HTML:结构(页面元素和内容)css:表现(网页元素的外观和位置等页面样式)行为:JavaScript:行为(网页模型定义与页面交互)排版标签排版标签标题标签:h系列标签重要程度依次递减特点:独占一行、h1-h6文字逐渐减小段落标签:p特点:段落之间存在间隙、独占一行换行标签:水平分割线:文本格式化标签场景:让文字加粗bstrong、下划线uins、倾斜iem、删除线s</div> </li> <li><a href="/article/1721228876903952384.htm" title="JavaWeb 第一章 HTML&CSS" target="_blank">JavaWeb 第一章 HTML&CSS</a> <span class="text-muted">札克_zk</span> <a class="tag" taget="_blank" href="/search/JavaWeb/1.htm">JavaWeb</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%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a> <div>第一章HTML&CSS学习目标掌握服务器和客户端的概念了解常见的服务器分类和软件掌握请求响应模型了解本阶段技术体系,以及每部分技术在当前体系中的作用了解书城项目的构成掌握HTML的简介和入门掌握文本相关标签的使用掌握超链接标签的使用掌握div和span标签的使用掌握图片标签的使用掌握表格标签的使用掌握表单标签的使用简单了解CSS了解CSS的功能了解CSS的添加方式1.Web基本概念1.1服务器和客</div> </li> <li><a href="/article/1721228878069968896.htm" title="JavaWeb之HTML&CSS" target="_blank">JavaWeb之HTML&CSS</a> <span class="text-muted">达少~</span> <a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>知识回顾:JavaWeb之Java基础知识增强JavaWeb之JDBCJavaWeb之数据库连接池文章目录1.web概念概述1.1软件架构:1.2B/S架构详解1.3静态资源:2.HTML2.1概念:是最基础的网页开发语言2.2快速入门:2.3标签学习2.3.1文件标签:构成html最基本的标签2.3.2文本标签:和文本有关的标签2.3.3图片标签:2.3.4列表标签:2.3.5链接标签:2.3.</div> </li> <li><a href="/article/1720931468328382464.htm" title="HTML&CSS(一位小白)" target="_blank">HTML&CSS(一位小白)</a> <span class="text-muted">小白mask</span> <div>HTML一、HTML基本结构从开始标签到结束标签及其中所有内容称为元素文档类型声明和父子关系而是兄弟关系,没有表兄弟这种关系中的lang可设置语言(英语:en;中文:zh)*1.*常用的字符编码UTF-8GBK(记事本写html):中文简体,适用于中国大陆、新加坡Big5:中文繁体,适用于港、澳、台、海外华人ISO-8859-1(Latin-1)*2.*块标签可自动换行*1.1.*标题标签····</div> </li> <li><a href="/article/95.htm" title="PHP,安卓,UI,java,linux视频教程合集" target="_blank">PHP,安卓,UI,java,linux视频教程合集</a> <span class="text-muted">cocos2d-x小菜</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/UI/1.htm">UI</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>╔-----------------------------------╗┆&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div> </li> <li><a href="/article/222.htm" title="zookeeper admin 笔记" target="_blank">zookeeper admin 笔记</a> <span class="text-muted">braveCS</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>&nbsp; Required Software 1) JDK&gt;=1.6 2)推荐使用ensemble的ZooKeeper(至少3台),并run on separate machines 3)在Yahoo!,zk配置在特定的RHEL boxes里,2个cpu,2G内存,80G硬盘 &nbsp; 数据和日志目录 1)数据目录里的文件是zk节点的持久化备份,包括快照和事务日</div> </li> <li><a href="/article/349.htm" title="Spring配置多个连接池" target="_blank">Spring配置多个连接池</a> <span class="text-muted">easterfly</span> <a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>项目中需要同时连接多个数据库的时候,如何才能在需要用到哪个数据库就连接哪个数据库呢? Spring中有关于dataSource的配置: &nbsp;&nbsp;&nbsp; &lt;bean id=&quot;dataSource&quot; class=&quot;com.mchange.v2.c3p0.ComboPooledDataSource&quot; &nbsp;&nbsp;&nb</div> </li> <li><a href="/article/476.htm" title="Mysql" target="_blank">Mysql</a> <span class="text-muted">171815164</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>例如,你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器,并使用mypassword作</div> </li> <li><a href="/article/603.htm" title="CommonDAO(公共/基础DAO)" target="_blank">CommonDAO(公共/基础DAO)</a> <span class="text-muted">g21121</span> <a class="tag" taget="_blank" href="/search/DAO/1.htm">DAO</a> <div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 好久没有更新博客了,最近一段时间工作比较忙,所以请见谅,无论你是爱看呢还是爱看呢还是爱看呢,总之或许对你有些帮助。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; DAO(Data Access Object)是一个数据访问(顾名思义就是与数据库打交道)接口,DAO一般在业</div> </li> <li><a href="/article/730.htm" title="直言有讳" target="_blank">直言有讳</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%82%9F/1.htm">感悟</a><a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a> <div>&nbsp; 1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313 &nbsp; 精华: “直言有讳”是阿里巴巴提倡的一种观念,而我在此之前并没有很深刻的认识。为什么呢?就好比是读书时候做阅读理解,我喜欢我自己的解读,并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重,我觉得阿里巴巴很多价值观其实是基本的做人</div> </li> <li><a href="/article/857.htm" title="安装CentOS 7 和Win 7后,Win7 引导丢失" target="_blank">安装CentOS 7 和Win 7后,Win7 引导丢失</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/centos/1.htm">centos</a> <div>一般安装双系统的顺序是先装Win7,然后在安装CentOS,这样CentOS可以引导WIN 7启动。但安装CentOS7后,却找不到Win7 的引导,稍微修改一点东西即可。 一、首先具有root 的权限。 &nbsp;&nbsp;&nbsp;&nbsp; 即进入Terminal后输入命令su,然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v</div> </li> <li><a href="/article/984.htm" title="Oracle备份与恢复案例" target="_blank">Oracle备份与恢复案例</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时,总希望数据库的内容是可靠的、正确的,但由于计算机系统的故障(硬件故障、软件故障、网络故障、进程故障和系统故障)影响数据库系统的操作,影响数据库中数据的正确性,甚至破坏数据库,使数据库中全部或部分数据丢失。因此当发生上述故障后,希望能重构这个完整的数据库,该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与</div> </li> <li><a href="/article/1111.htm" title="JavaEE开源快速开发平台G4Studio v5.0发布" target="_blank">JavaEE开源快速开发平台G4Studio v5.0发布</a> <span class="text-muted">無為子</span> <div>&nbsp; 我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。 &nbsp; 访问G4Studio网站 http://www.g4it.org &nbsp; 2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标,并将游标映射为Java List集合对象的标</div> </li> <li><a href="/article/1238.htm" title="Oracle显示根据高考分数模拟录取" target="_blank">Oracle显示根据高考分数模拟录取</a> <span class="text-muted">百合不是茶</span> <a class="tag" taget="_blank" href="/search/PL%2FSQL%E7%BC%96%E7%A8%8B/1.htm">PL/SQL编程</a><a class="tag" taget="_blank" href="/search/oracle%E4%BE%8B%E5%AD%90/1.htm">oracle例子</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E6%8B%9F%E9%AB%98%E8%80%83%E5%BD%95%E5%8F%96/1.htm">模拟高考录取</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0%E4%BA%A4%E6%B5%81/1.htm">学习交流</a> <div>题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选 &nbsp; &nbsp; 1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id</div> </li> <li><a href="/article/1365.htm" title="优秀的领导与差劲的领导" target="_blank">优秀的领导与差劲的领导</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E9%A2%86%E5%AF%BC/1.htm">领导</a><a class="tag" taget="_blank" href="/search/%E7%AE%A1%E7%90%86/1.htm">管理</a><a class="tag" taget="_blank" href="/search/%E5%9B%A2%E9%98%9F/1.htm">团队</a> <div>责任 优秀的领导:优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了,那么他知道该受责备的人是他自己,并且敢于承认错误。 差劲的领导:差劲的领导觉得这不是他的问题,因此他会想方设法证明是他的团队不行,或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导:团队领导应该是团队成员的榜样。至少,他应该与团队中的其他成员一样努力工作。这仅仅因为他</div> </li> <li><a href="/article/1492.htm" title="js函数在浏览器下的兼容" target="_blank">js函数在浏览器下的兼容</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/jquery/1.htm">jquery</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/IE/1.htm">IE</a><a class="tag" taget="_blank" href="/search/DWR/1.htm">DWR</a><a class="tag" taget="_blank" href="/search/ext/1.htm">ext</a> <div>&nbsp; 做前端开发的工程师,少不了要用FF进行测试,纯js函数在不同浏览器下,名称也可能不同。对于IE6和FF,取得下一结点的函数就不尽相同: &nbsp; IE6:node.nextSibling,对于FF是不能识别的; &nbsp; FF:node.nextElementSibling,对于IE是不能识别的; 兼容解决方式:var Div = node.nextSibl</div> </li> <li><a href="/article/1619.htm" title="【JVM四】老年代垃圾回收:吞吐量垃圾收集器(Throughput GC)" target="_blank">【JVM四】老年代垃圾回收:吞吐量垃圾收集器(Throughput GC)</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6/1.htm">垃圾回收</a> <div>吞吐量与用户线程暂停时间 &nbsp; 衡量垃圾回收算法优劣的指标有两个: 吞吐量越高,则算法越好 暂停时间越短,则算法越好 首先说明吞吐量和暂停时间的含义。 &nbsp; 垃圾回收时,JVM会启动几个特定的GC线程来完成垃圾回收的任务,这些GC线程与应用的用户线程产生竞争关系,共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值,因此,好的GC应该占</div> </li> <li><a href="/article/1746.htm" title="J2EE监听器和过滤器基础" target="_blank">J2EE监听器和过滤器基础</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/J2EE/1.htm">J2EE</a> <div> Servlet程序由Servlet,Filter和Listener组成,其中监听器用来监听Servlet容器上下文。 监听器通常分三类:基于Servlet上下文的ServletContex监听,基于会话的HttpSession监听和基于请求的ServletRequest监听。 &nbsp; ServletContex监听器 ServletContex又叫application</div> </li> <li><a href="/article/1873.htm" title="博弈AngularJS讲义(16) - 提供者" target="_blank">博弈AngularJS讲义(16) - 提供者</a> <span class="text-muted">boyitech</span> <a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/api/1.htm">api</a><a class="tag" taget="_blank" href="/search/Angular/1.htm">Angular</a><a class="tag" taget="_blank" href="/search/Provider/1.htm">Provider</a> <div>&nbsp; Angular框架提供了强大的依赖注入机制,这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象,例如控制器,指令,过滤器动画等。 &nbsp; 那注入器怎么知道如何去创建这些特殊的对象呢? Angular提供了5种方式让注入器创建对象,其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac</div> </li> <li><a href="/article/2000.htm" title="java-写一函数f(a,b),它带有两个字符串参数并返回一串字符,该字符串只包含在两个串中都有的并按照在a中的顺序。" target="_blank">java-写一函数f(a,b),它带有两个字符串参数并返回一串字符,该字符串只包含在两个串中都有的并按照在a中的顺序。</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> public class CommonSubSequence { /** * 题目:写一函数f(a,b),它带有两个字符串参数并返回一串字符,该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2):对于a中的每个字符,遍历b中的每个字符,如果相同,则拷贝到新字符串中。 * O(</div> </li> <li><a href="/article/2127.htm" title="sqlserver 2000 无法验证产品密钥" target="_blank">sqlserver 2000 无法验证产品密钥</a> <span class="text-muted">Chen.H</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/windows/1.htm">windows</a><a class="tag" taget="_blank" href="/search/SQL+Server/1.htm">SQL Server</a><a class="tag" taget="_blank" href="/search/Microsoft/1.htm">Microsoft</a> <div>在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ</div> </li> <li><a href="/article/2254.htm" title="[新概念武器]气象战争" target="_blank">[新概念武器]气象战争</a> <span class="text-muted">comsci</span> <div> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织.... &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 原因如下: &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次</div> </li> <li><a href="/article/2381.htm" title="oracle 中 rollup、cube、grouping 使用详解" target="_blank">oracle 中 rollup、cube、grouping 使用详解</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/grouping/1.htm">grouping</a><a class="tag" taget="_blank" href="/search/rollup/1.htm">rollup</a><a class="tag" taget="_blank" href="/search/cube/1.htm">cube</a> <div>oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库,演示 rollup, cube, grouping 的用法与使用场景&nbsp; &nbsp; --- ROLLUP , 为了理解分组的成员数量,我增加了 分组的计数&nbsp; COUNT(SAL)&nbsp; &nbsp;</div> </li> <li><a href="/article/2508.htm" title="技术资料汇总分享" target="_blank">技术资料汇总分享</a> <span class="text-muted">Dead_knight</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E8%B5%84%E6%96%99%E6%B1%87%E6%80%BB+%E5%88%86%E4%BA%AB/1.htm">技术资料汇总 分享</a> <div>本人汇总的技术资料,分享出来,希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含: Workflow-&gt;工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security-&gt;java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser</div> </li> <li><a href="/article/2635.htm" title="初一下学期难记忆单词背诵第一课" target="_blank">初一下学期难记忆单词背诵第一课</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/english/1.htm">english</a><a class="tag" taget="_blank" href="/search/word/1.htm">word</a> <div>could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的,仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带;搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁,果汁 head 头;头部 </div> </li> <li><a href="/article/2762.htm" title="截取视图的图片, 然后分享出去" target="_blank">截取视图的图片, 然后分享出去</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/OS/1.htm">OS</a><a class="tag" taget="_blank" href="/search/Objective-C/1.htm">Objective-C</a> <div>OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi</div> </li> <li><a href="/article/2889.htm" title="MySql重置密码" target="_blank">MySql重置密码</a> <span class="text-muted">fanxiaolong</span> <a class="tag" taget="_blank" href="/search/MySql%E9%87%8D%E7%BD%AE%E5%AF%86%E7%A0%81/1.htm">MySql重置密码</a> <div>方法一: &nbsp;在my.ini的[mysqld]字段加入: skip-grant-tables 重启mysql服务,这时的mysql不需要密码即可登录数据库 &nbsp;然后进入mysql mysql&gt;use mysql; &nbsp;mysql&gt;更新 user set password=password('新密码') WHERE User='root'; mysq</div> </li> <li><a href="/article/3016.htm" title="Ehcache(03)——Ehcache中储存缓存的方式" target="_blank">Ehcache(03)——Ehcache中储存缓存的方式</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/MemoryStore/1.htm">MemoryStore</a><a class="tag" taget="_blank" href="/search/DiskStore/1.htm">DiskStore</a><a class="tag" taget="_blank" href="/search/%E5%AD%98%E5%82%A8/1.htm">存储</a><a class="tag" taget="_blank" href="/search/%E9%A9%B1%E9%99%A4%E7%AD%96%E7%95%A5/1.htm">驱除策略</a> <div>Ehcache中储存缓存的方式 &nbsp; 目录 1&nbsp;&nbsp;&nbsp;&nbsp; 堆内存(MemoryStore) 1.1&nbsp;&nbsp;&nbsp;&nbsp; 指定可用内存 1.2&nbsp;&nbsp;&nbsp;&nbsp; 驱除策略 1.3&nbsp;&nbsp;&nbsp;&nbsp; 元素过期 2&nbsp;&nbsp;&nbsp;&nbs</div> </li> <li><a href="/article/3143.htm" title="spring mvc中的@propertysource" target="_blank">spring mvc中的@propertysource</a> <span class="text-muted">jackyrong</span> <a class="tag" taget="_blank" href="/search/spring+mvc/1.htm">spring mvc</a> <div>&nbsp; 在spring mvc中,在配置文件中的东西,可以在java代码中通过注解进行读取了: @PropertySource&nbsp; 在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中 &nbsp; @PropertySource(&</div> </li> <li><a href="/article/3270.htm" title="重学单例模式" target="_blank">重学单例模式</a> <span class="text-muted">lanqiu17</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B/1.htm">单例</a><a class="tag" taget="_blank" href="/search/Singleton/1.htm">Singleton</a><a class="tag" taget="_blank" href="/search/%E6%A8%A1%E5%BC%8F/1.htm">模式</a> <div>最近在重新学习设计模式,感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式,单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例,保证只有一个实例。 单例模式的常用实现方式有两种,就人们熟知的饱汉式与饥汉式,具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ</div> </li> <li><a href="/article/3397.htm" title=".NET开源核心运行时,且行且珍惜" target="_blank">.NET开源核心运行时,且行且珍惜</a> <span class="text-muted">netcome</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/.net/1.htm">.net</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a> <div>背景 2014年11月12日,ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie,在Connect全球开发者在线会议上宣布,微软将开源全部.NET核心运行时,并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布,其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器(GC)和核心</div> </li> <li><a href="/article/3524.htm" title="使用oscahe缓存技术减少与数据库的频繁交互" target="_blank">使用oscahe缓存技术减少与数据库的频繁交互</a> <span class="text-muted">Everyday都不同</span> <a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E5%B9%B6%E5%8F%91/1.htm">高并发</a><a class="tag" taget="_blank" href="/search/oscahe%E7%BC%93%E5%AD%98/1.htm">oscahe缓存</a> <div>此前一直不知道缓存的具体实现,只知道是把数据存储在内存中,以便下次直接从内存中读取。对于缓存的使用也没有概念,觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术,发现还是很有必要一探究竟的。 &nbsp; 缓存技术使用背景:一般来说,对于web项目,如果我们要什么数据直接jdbc查库好了,但是在遇到高并发的情形下,不可能每一次都是去查数据库,因为这样在高并发的情形下显得不太合理——</div> </li> <li><a href="/article/3651.htm" title="Spring+Mybatis 手动控制事务" target="_blank">Spring+Mybatis 手动控制事务</a> <span class="text-muted">toknowme</span> <a class="tag" taget="_blank" href="/search/mybatis/1.htm">mybatis</a> <div>@Override &nbsp;&nbsp;&nbsp;public&nbsp;boolean&nbsp;testDelete(String&nbsp;jobCode)&nbsp;throws&nbsp;Exception { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;boolean&nbsp;flag&nbsp;=&nbsp;false; &nbsp;&nbs</div> </li> <li><a href="/article/3778.htm" title="菜鸟级的android程序员面试时候需要掌握的知识点" target="_blank">菜鸟级的android程序员面试时候需要掌握的知识点</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储&nbsp; 熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具&nbsp; 熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库; 熟悉Android下网络通信机制,S</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>