袁成新（Chauncey Yuan）

html+css基础知识点笔记

简单回忆了一下html+css基础

一、标签

之间

网页标题

定义编码格式，如：UTF-8，GB2312，GBK
eg:

用于导入CSS样式文件

之间

常用标签

至

表示6级标题

段落标签
换行

水平线
、斜体
文本加重
图片
超链接
eg:

列表

无序列表
属性：type：disc实心圆 square方块 circle空心圆

有序列表

表格

表格标签
表格的行

表头

表格的单元
属性：

水平对齐align：left左对齐，center居中，right右对齐；absmiddle图片居中对齐垂直对齐valign：top顶端对齐，middle居中对齐，bottom底端对齐，baseline基线对齐水平合并colspan，列表合并rowspan

表单

表单标签

文本单行输入
密码框
单选按钮
复选框
提交表单的按钮
重置表单的按钮
表单的普通按钮
文件选择框
隐藏域
</code>文本多行输入（文本域）<br> <code><datalist></code>元素规定预定义选项列表</p> <h3>特殊符号</h3> <p><code> </code>分号<br> <code>></code>大于号<br> <code><</code>小于号<br> <code>©</code>版权符号©</p> <h2>二、样式</h2> <h3>选择器</h3> <p>1、标签选择器</p> <pre><code>标签名{属性名：属性；属性名：属性} </code></pre> <p>2、类选择器</p> <pre><code>.标签名{属性名：属性；属性名：属性} </code></pre> <p>3、ID选择器</p> <pre><code>#id{属性名：属性；属性名：属性} </code></pre> <p>4、并集选择器</p> <pre><code>标签名， .类名，＃ID｛属性名：属性；属性名：属性｝ </code></pre> <p>5、交集选择器</p> <pre><code>标签名 .类名｛属性名：属性；属性名：属性｝ </code></pre> <p>6、后代选择器</p> <pre><code>外部标签名内部标签名｛属性名：属性；属性名：属性｝ </code></pre> <h3>引入CSS样式的方式</h3> <p>1、行内样式</p> <pre><code><h1 style="font-size:18px">行内式的使用方法</h1> </code></pre> <p>2、嵌入样式</p> <pre><code><head> <style type="test/css"> h1{属性名：属性；} </style> </head> </code></pre> <p>3、导入样式</p> <pre><code><link href="样式文件名" type="text/css链接文件的格式" rel="stylesheet"文档的外部样式表/> </code></pre> <h3>CSS的属性</h3> <h4>类型</h4> <p>字体类型：font-family<br> 字体渲染：text-shadow<br> 字体大小：font-size<br> 字体风格：font-style<br> 微斜：oblique<br> 倾斜：italic<br> 字体粗细：font-weight<br> 字体大写：font-variant<br> 字体属性：font</p> <pre><code>font{风格粗细大小类型} </code></pre> <p>文本修饰样式：text-decoration<br> 下划线：underline<br> 删除线：line-through<br> 颜色：color</p> <h4>背景</h4> <p>背景颜色：background-color<br> 背景图像：background-image<br> 背景图片重复方式：bakground-repeat<br> 背景图片X,Y轴起始位置：background-position<br> 背景关联：background-attachment:fixed（背景不随着文字滚动）</p> <h4>区块</h4> <p>单词间距：word-spacing<br> 字母间距：letter-spacing<br> 垂直与文本对其方式：vertical-align,text-align<br> 首行缩进：text-indent<br> 显示方式：display<br> 行高：line-height</p> <h4>盒子模型</h4> <p>定义宽高：width, height<br> 内边距上下左右：padding-top, right, bottom, left<br> 外边距上下左右：margin-top, right, bottom, left<br> 网页居中：margin:0px auto<br> 边框：border<br> 边框厚度：width<br> 边框风格：style<br> border-style:点dotted 实solid 双double 虚dashed;<br> 边框颜色上下左右<br> display控制元素的显示与隐藏<br> odisplay:block将元素显示为块级元素，前后设置换行<br> odisplay:inline将元素显示为行级元素，先后不换行<br> odisplay:none将元素隐藏</p> <h4>浮动</h4> <p>float<br> clear清除浮动<br> both清除左右浮动<br> overflow盒子溢出处理<br> visible内容会被裁剪，被裁剪得内容出现在盒子外部<br> hidden内容会被裁剪，并且其余内容不可见</p> <h4>定位</h4> <p>position<br> relative相对定位<br> 将出现在它所在的位置上，让这个元素“相对于”它的起点进行移动<br> absolute绝对定位<br> 设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像该元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。<br> z-index设置层次</p> <h4>列表</h4> <p>项目编号类型：list-style-type<br> 项目编号图像：list-style-image<br> 项目标记位置：list-style-position<br> inside标记显示在里面<br> onside标记显示在外面</p> <h3>超链接伪类</h3> <p>未单击访问时超链接样式a:link<br> 单击访问后超链接样式a:visited<br> 鼠标悬浮其上的超链接样式a:hover<br> 鼠标单击未释放的超链接样式a:active</p> <h3>设置鼠标形状：cursor</h3> <p>默认光标：default<br> 超链接的指针：pointer<br> span{cursor:pointer;}<br> 指示程序正在忙：wait<br> 指示可用的帮助：help<br> 指示文本：text</p> </div> </div> </div> </div> </div>  <div id="SOHUCS" sid="1298545642234257408"></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">  <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>  <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>  <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/1949680428101201920.htm" title="html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签" target="_blank">html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签</a> <span class="text-muted">zhangjunzongque</span> <a class="tag" taget="_blank" href="/search/%E4%B8%AA%E4%BA%BA/1.htm">个人</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%B8%B8%E7%94%A8/1.htm">常用</a><a class="tag" taget="_blank" href="/search/%E6%A0%87%E7%AD%BE/1.htm">标签</a> <div>typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，能根据美工给的图，</div> </li> <li><a href="/article/1949547417028325376.htm" title="html+css实战64-综合案例3-图片完成" target="_blank">html+css实战64-综合案例3-图片完成</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>Documentbody{background-color:#f5f5f5;}.goods{width:234px;height:300px;background-color:#fff;/*样式居中*/margin:0auto;text-align:center;}img{width:160px;}运行结果</div> </li> <li><a href="/article/1949089072572067840.htm" title="初学HTML" target="_blank">初学HTML</a> <span class="text-muted">Pretend________</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>一周HTML+CSS新手闯关记！居然真的仿出了起点首页？！从对着教程发呆到能敲出完整页面，这七天像开了倍速——但谁懂啊！垂直居中到底有多少种写法？每次调都像拆盲盒，水平居中偶尔还能蒙对，垂直居中直接让我怀疑人生…后来硬记了flex的justify-content和align-items，总算摸到点门道～伪类和定位真的是王炸组合！刚开始写hover效果，按钮死活没反应，查了半天才发现选择器选错了原来</div> </li> <li><a href="/article/1948139268035637248.htm" title="html+css实现唯美简洁登录页面" target="_blank">html+css实现唯美简洁登录页面</a> <span class="text-muted"></span> <div>1.简介本案例是html和css实现的唯美简洁的登录界面。纯粹个人一时兴起所写。可以适用于个人博客登录以及其他系统的登录界面，登录title可以随时修改。2.先看效果。3.上代码。代码复制粘贴，修改里面的图片路径就可以直接运行。4.html页面代码。唯美登录页面</</div> </li> <li><a href="/article/1948103937403973632.htm" title="HTML5+CSS3小实例：流星划过天际的动画效果" target="_blank">HTML5+CSS3小实例：流星划过天际的动画效果</a> <span class="text-muted">艾恩小灰灰</span> <div>实例：流星划过天际的动画效果技术栈：HTML+CSS效果：源码：【html】流星划过天际的动画效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*溢出隐藏*/overflow:hidden;}.container{/*绝对定位*/position:absolute;top:0;left:0;width:100%;h</div> </li> <li><a href="/article/1947176162606247936.htm" title="前端学习路线推荐" target="_blank">前端学习路线推荐</a> <span class="text-muted">oldfifteen</span> <div>第一阶段：HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算</div> </li> <li><a href="/article/1946669454771417088.htm" title="Web开发 02" target="_blank">Web开发 02</a> <span class="text-muted">im_AMBER</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%AD%A6%E4%B9%A0/1.htm">学习</a> <div>今天梳理出的HTML+CSS核心知识点，涵盖基础结构、布局、样式优化等实用技巧：总结1一、HTML核心知识1.基础结构文档声明：定义文档为HTML5标准。基本标签：：根元素，包裹整个页面。：元数据（标题、样式、脚本等），不显示在页面。：设置网页标题（浏览器标签显示）。：页面内容容器，所有可见内容写在这里。2.常用标签文本与标题：~：标题标签，自动加粗且有默认层级样式。：段落标签，默认有上下边距。图</div> </li> <li><a href="/article/1946611941464141824.htm" title="HTML+CSS简单网页练习" target="_blank">HTML+CSS简单网页练习</a> <span class="text-muted"></span> <div>前言运用了CSS进行简单的网页制作一、效果图二、HTML代码手机alert("欢迎—>"+prompt("请输入你的姓名")+"首页智能手机平板电脑配件服务支持关于尚合最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方新品发布新闻中心致歉公告首批尚合Aone已全部售罄！【媒体报道】国产高性价比尚合Aone四核手机评测我司产品已经通过了国家强制性产品3C认证尚合Aone智能手机入网</div> </li> <li><a href="/article/1946610048931262464.htm" title="HTML+CSS制作人物介绍网页" target="_blank">HTML+CSS制作人物介绍网页</a> <span class="text-muted">Kyra17</span> <a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a> <div>*仅作个人学习记录用*网页效果视频演示代码实现HTML部分角色简介角色故事技能介绍艾尔海森「诲韬诤言」「文弱的学术分子」米哈游出品的游戏《原神》及其衍生作品中的角色，须弥教令院六大学派之一“知论派”的学者，现任教令院书记官兼任代理贤者，有过人的智慧与才能，生活得自由自在，一般人基本找不到他。在须弥的风波结束，虚空系统关闭之后，教令院还有很多亟待解决的难题。而艾尔海森身为代理贤者，又是当前教令院中非</div> </li> <li><a href="/article/1946606265459339264.htm" title="html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码" target="_blank">html css js网页制作成品——HTML+CSS中国古代物理 - 中华优秀传统文化网页设计（4页）附源码</a> <span class="text-muted">软件技术NINI</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E6%BA%90%E7%A0%81/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><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a> <div>目录一、‍网站题目二、✍️网站描述三、网站介绍四、网站效果五、代码实现HTML</div> </li> <li><a href="/article/1940628715977371648.htm" title="AJAX 安装使用教程" target="_blank">AJAX 安装使用教程</a> <span class="text-muted">小奇JAVA面试</span> <a class="tag" taget="_blank" href="/search/%E5%AE%89%E8%A3%85%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/1.htm">安装使用教程</a><a class="tag" taget="_blank" href="/search/ajax/1.htm">ajax</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>一、AJAX简介AJAX（AsynchronousJavaScriptandXML）是一种在无需重新加载整个网页的情况下，能够与服务器交换数据并更新部分网页内容的技术。它不是一种新语言，而是使用现有的标准组合：JavaScript+XMLHttpRequest（或Fetch）+HTML+CSS。二、AJAX是否需要安装？不需要单独安装！AJAX是浏览器原生支持的技术，主流浏览器均内置XMLHttp</div> </li> <li><a href="/article/1938216680316530688.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>在本文章开篇之前，需要先提前准备好代码运行环境，首先需要准备好VisualStudioCode用来编写代码，然后找一个适合的浏览器，用来看代码的运行效果。建议使用谷歌浏览器，当然电脑自带的浏览器也是可以的。快捷键生成浏览器文件：！+回车代码格式化：shift+Alt+F向上或向下移动一行：Alt+上方向键，Alt+下方向键快速复制一行代码：shift+Alt+上/下方向键保存：Ctrl+S快速查找</div> </li> <li><a href="/article/1934338476858208256.htm" title="HTML5+CSS3小实例：文本背景扫光效果" target="_blank">HTML5+CSS3小实例：文本背景扫光效果</a> <span class="text-muted">艾恩小灰灰</span> <a class="tag" taget="_blank" href="/search/HTML%2BCSS%2BJS%E5%B0%8F%E5%AE%9E%E4%BE%8B/1.htm">HTML+CSS+JS小实例</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><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><a class="tag" taget="_blank" href="/search/html/1.htm">html</a> <div>实例：文本背景扫光效果技术栈：HTML+CSS效果：源码：【html】<head</div> </li> <li><a href="/article/1933796516623872000.htm" title="浅浅整理-前端技术发展" target="_blank">浅浅整理-前端技术发展</a> <span class="text-muted">weixin_46473496</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>前端技术发展全链路解析（1990-2025）技术演进阶段划分1.洪荒时代（1990-1999）技术突破：1991：HTML1.0（TimBerners-Lee）1994：CSS提案（HåkonWiumLie）1995：JavaScript诞生（BrendanEich）核心产物：静态网页（HTML+CSS）表格布局与框架集浏览器战争（NetscapevsIE）2.动态网页革命（2000-2009）技</div> </li> <li><a href="/article/1932857938263732224.htm" title="HTML+CSS小白入门与进阶教程" target="_blank">HTML+CSS小白入门与进阶教程</a> <span class="text-muted">郑宜维David</span> <div>HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！本教程专为Web开发初学者设计，由CSDN上的资深博主倾情分享，旨在帮助你快速踏入网页设计的大门项目地址:https://gitcode.com/Resource-Bundle-Collection/4d4e1欢迎来到《HTML</div> </li> <li><a href="/article/1931261569052766208.htm" title="HTML+CSS大作业：简易购物网站（4页）" target="_blank">HTML+CSS大作业：简易购物网站（4页）</a> <span class="text-muted">奥利奥ala</span> <a class="tag" taget="_blank" href="/search/html%E5%9F%BA%E7%A1%80%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C/1.htm">html基础网页制作</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/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</a> <div>html作业中高水平制作，适用于有一定基础的同学，页面排版干净，固定导航栏加上轮播图，采用了html+css来实现布局，在登录界面用了一小段js来作为输入框的判断，非常适合想要突破技术的同学学习使用,这个实例比较全面，有助于同学的学习,本文将介绍如何通过从头开始设计购物网站并将其转换为代码的过程来实践设计。难度系数：★★★★☆一、网站题目简易购物商城、购物网站，购物商城等等二、网站描述本网站是以购</div> </li> <li><a href="/article/1931173832069017600.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/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>注意：本网页为自定义字体不能直接使用想看效果自行删除自定义字体或者去下载自定义字体（https://font.chinaz.com/）1、注册页面Documentbody{background-image:url("https://pic.kts.g.mi.com/3d1358b0bc7fef1e4497493964e2e38f1790956218722870038.png");backgroun</div> </li> <li><a href="/article/1929760220481908736.htm" title="HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】" target="_blank">HTML学生作业网页：使用HTML+CSS技术实现非遗文化网页设计题材【汉服文化—共12个页面】</a> <span class="text-muted">@码出未来-web网页设计</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>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div> </li> <li><a href="/article/1926594780985356288.htm" title="HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面)" target="_blank">HTML静态网页作业(HTML+CSS)——外卖平台主题网页设计制作(8个页面)</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>不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码五、源码获取一、作品介绍️本套采用DIV+CSS布局，未使用Javacsript代码，共有8个页面。二、作品演示1、首页2、商家列表页3、商家详情页4、商家图片页三、代码目录四、网站代码北京[更换]你好，请登录/注册全部分类全部商家商家入驻关于我们常见问题我要登录用</div> </li> <li><a href="/article/1923756498865942528.htm" title="HTML+CSS面试题总结（附答案+视频讲解）" target="_blank">HTML+CSS面试题总结（附答案+视频讲解）</a> <span class="text-muted">小胖梅前端</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/css3/1.htm">css3</a> <div>HTML+CSS面试题总结如下红色标注为常见重点对应的视频讲解在B站：可以点击免费观看2023前端高频面试题详解/面试必刷HTML+CSS前端面试题_哔哩哔哩_bilibili目录1.块元素和行内元素有哪些2.css3选择器（了解）3.css优先级4.对web标准以及w3c的理解和认识5.BFC6.隐藏元素有哪些方法和区别7.一个盒子在水平垂直居中方法8.圣杯布局与双飞翼布局9.css盒子模型10</div> </li> <li><a href="/article/1923047424029421568.htm" title="HTML+CSS" target="_blank">HTML+CSS</a> <span class="text-muted">Kevinyu_</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+CSSHTML文件后缀为.html首先html有固定的基本结构HTML快速入门HelloHTML其中是根标签，和是子标签。:定义网页的头部，用来存放给浏览器看的信息，如：CSS样式、网页的标题。:定义网页的主体部分，存放给用户看的信息，也是网页的主体内容，如：文字、图片、视频、音频、表格等。中定义标题显示在浏览器的标题位置HTML中的标签特点HTML标签不区分大小写，建议小写HTML标签</div> </li> <li><a href="/article/1920947871696351232.htm" title="HTML+CSS 个人学习时的笔记，粗略参考【CSS】" target="_blank">HTML+CSS 个人学习时的笔记，粗略参考【CSS】</a> <span class="text-muted">浅度学习的ryan</span> <a class="tag" taget="_blank" href="/search/%E5%90%83%E6%8E%89%E8%BF%99%E6%9C%AC%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/1.htm">吃掉这本前端基础</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a> <div>CSSCSS书写顺序1.布局定位属性display/position/float/clear/visibility/overflow2.自身属性width/height/margin/padding/border/background3.文本属性color/font/text-decoration/text-align/vertical-align/white-space/break-word4.</div> </li> <li><a href="/article/1920437708673576960.htm" title="html+css网站开发，如何实现自适应屏幕尺寸大小" target="_blank">html+css网站开发，如何实现自适应屏幕尺寸大小</a> <span class="text-muted">yrldjsbk</span> <a class="tag" taget="_blank" href="/search/css3/1.htm">css3</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>以下内容，我们是假设页面内容里仅有文字和图片的情况下，该如何设计，才能让页面尺寸随着设备屏幕尺寸的大小而实时的发生变化。需要注意以下几个要点。第一：在网页代码的头部，加入一行viewport元标签用户不具备修改缩放比例的权限。如果想开启，可以改成yes第二：容器的宽度设置width:auto;/width:XX%;不要使用决定的像素第三：字体大小是页面默认大小的100%，即16像素，不要使用绝对大</div> </li> <li><a href="/article/1920376695462883328.htm" title="页面水印添加工具【watermark-plus】，可防止手动删除水印，支持文本水印、图片水印、定制水印内容" target="_blank">页面水印添加工具【watermark-plus】，可防止手动删除水印，支持文本水印、图片水印、定制水印内容</a> <span class="text-muted">__畫戟__</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%85%AC%E7%94%A8/1.htm">前端公用</a><a class="tag" taget="_blank" href="/search/.js/1.htm">.js</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/H5/1.htm">H5</a><a class="tag" taget="_blank" href="/search/%E6%B0%B4%E5%8D%B0/1.htm">水印</a><a class="tag" taget="_blank" href="/search/%E9%98%B2%E6%89%8B%E5%8A%A8%E5%88%A0%E9%99%A4%E6%B0%B4%E5%8D%B0/1.htm">防手动删除水印</a><a class="tag" taget="_blank" href="/search/watermark/1.htm">watermark</a><a class="tag" taget="_blank" href="/search/%E5%9B%BE%E7%89%87%E6%B0%B4%E5%8D%B0/1.htm">图片水印</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%AE%9A%E4%B9%89%E6%B0%B4%E5%8D%B0%EF%BC%88%E6%8E%92%E7%89%88/1.htm">自定义水印（排版</a><a class="tag" taget="_blank" href="/search/%E6%A0%B7%E5%BC%8F/1.htm">样式</a><a class="tag" taget="_blank" href="/search/%E5%86%85%E5%AE%B9/1.htm">内容</a> <div>目录效果图文本水印双列水印文本图片水印订制内容可防止被手动删除项目中效果使用APIprops方法兼容性开源，持续更新中watermark-plus支持文本水印支持图片水印可防止被删除可防止重复渲染可动态适应超长水印文本高清晰度支持浏览器端打印可配置性强支持自定义水印内容（排版、样式、内容）效果图文本水印双列水印文本图片水印订制内容通过图片水印方式可以实现私人订制，步骤：通过HTML+CSS实现你想</div> </li> <li><a href="/article/1920094862930145280.htm" title="【web课程设计】HTML+CSS仿QQ音乐网站" target="_blank">【web课程设计】HTML+CSS仿QQ音乐网站</a> <span class="text-muted">程序员-html网页设计</span> <a class="tag" taget="_blank" href="/search/%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%88%B6%E4%BD%9C/1.htm">网页设计与制作</a><a class="tag" taget="_blank" href="/search/%E8%AF%BE%E7%A8%8B%E8%AE%BE%E8%AE%A1/1.htm">课程设计</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>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div> </li> <li><a href="/article/1920085792240234496.htm" title="HTML+css制作简单游戏界面" target="_blank">HTML+css制作简单游戏界面</a> <span class="text-muted">℡52Hz★</span> <div>开学在即闲来无事在家做了一个简单的游戏开始界面，下面看看具体代码吧，其实非常的简单这里只用HTML和css做的静态页面。HTML漫溯五千年用户昵称LV.1会员首充好友信息好友动态设置更多鼎足而立-三国太平盛世-唐百花齐放-宋大疆无边-元八府巡按-明闭关自首-清商城福利成就寻宝任务游戏指南游戏介绍游戏技巧public.css*{padding:0;margin:0;}a{text-decoratio</div> </li> <li><a href="/article/1919485421876736000.htm" title="Element-UI快速入门" target="_blank">Element-UI快速入门</a> <span class="text-muted">★雨潇★</span> <a class="tag" taget="_blank" href="/search/Vue.js/1.htm">Vue.js</a><a class="tag" taget="_blank" href="/search/js/1.htm">js</a><a class="tag" taget="_blank" href="/search/elementui/1.htm">elementui</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>Element-UI是什么？就是一个把样式给你写好了的玩意儿，没错就是不用你写样式。先来看简单使用效果：像咱们使用html+css写一个按钮，要实现左边样式可能需要写class/style然后写样式；但使用了Element-UI。那就等于样式已经给你写好了；直接copy过来就行了，是不是省下很多工作量！！！好，简单理解了，就直接开始吧！这里拿最简单Vue2-cli脚手架的项目做说明，简单说vue-</div> </li> <li><a href="/article/1918236553772068864.htm" title="html&css学习笔记——CSS2基础" target="_blank">html&css学习笔记——CSS2基础</a> <span class="text-muted">我睡觉时超困</span> <a class="tag" taget="_blank" href="/search/HTML%26amp%3BCSS/1.htm">HTML&CSS</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%AD%A6%E4%B9%A0/1.htm">学习</a> <div>学习视频：尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频P57-147（以下笔记为作者学习并参考尚硅谷相关学习资料整理）目录二、CSS2基础1.CSS编写位置1.1行内样式（又称：内联样式）1.2内部样式1.3外部样式2.样式表的优先级3.CSS选择器3.1CSS基础选择器3.1.1通配选择器3.1.2元素选择器3.1.3类选择器3.1.4ID选择器3.2复合选择</div> </li> <li><a href="/article/1916359226523971584.htm" title="用HTML+CSS仿网易云音乐网站(6个页面) (1)" target="_blank">用HTML+CSS仿网易云音乐网站(6个页面) (1)</a> <span class="text-muted">IT-司马青衫</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>精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码</div> </li> <li><a href="/article/1916170151393292288.htm" title="前端小白笔记day-01" target="_blank">前端小白笔记day-01</a> <span class="text-muted">前端渣渣强</span> <a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80/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/%E5%82%BB%E7%93%9C/1.htm">傻瓜</a><a class="tag" taget="_blank" href="/search/%E6%89%8B%E5%86%8C/1.htm">手册</a> <div>**加粗样式**—typora-copy-images-to:media第01阶段.web基础：html-day01笔记-01-前言&WEB标准&认识HTML&HTML常用标签一、前言1.基础班学习目标目标：能根据psd文件（psd文件，其实就是一张类似于图片的格式，这个呢是用ps做的，也就叫做源文件），用HTML+CSS布局出符合W3C规范的网页（也就是说，我们写的代码，要符合标准）。简单的说，</div> </li> <li><a href="/article/103.htm" title="SAX解析xml文件" target="_blank">SAX解析xml文件</a> <span class="text-muted">小猪猪08</span> <a class="tag" taget="_blank" href="/search/xml/1.htm">xml</a> <div>1.创建SAXParserFactory实例 2.通过SAXParserFactory对象获取SAXParser实例 3.创建一个类SAXParserHander继续DefaultHandler，并且实例化这个类 4.SAXParser实例的parse来获取文件 public static void main(String[] args) { //</div> </li> <li><a href="/article/230.htm" title="为什么mysql里的ibdata1文件不断的增长？" target="_blank">为什么mysql里的ibdata1文件不断的增长？</a> <span class="text-muted">brotherlamp</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4/1.htm">linux运维</a><a class="tag" taget="_blank" href="/search/linux%E8%B5%84%E6%96%99/1.htm">linux资料</a><a class="tag" taget="_blank" href="/search/linux%E8%A7%86%E9%A2%91/1.htm">linux视频</a><a class="tag" taget="_blank" href="/search/linux%E8%BF%90%E7%BB%B4%E8%87%AA%E5%AD%A6/1.htm">linux运维自学</a> <div>我们在 Percona 支持栏目经常收到关于 MySQL 的 ibdata1 文件的这个问题。当监控服务器发送一个关于 MySQL 服务器存储的报警时，恐慌就开始了 —— 就是说磁盘快要满了。一番调查后你意识到大多数地盘空间被 InnoDB 的共享表空间 ibdata1 使用。而你已经启用了 innodbfileper_table，所以问题是： ibdata1存了什么？当你启用了 i</div> </li> <li><a href="/article/357.htm" title="Quartz-quartz.properties配置" target="_blank">Quartz-quartz.properties配置</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/quartz/1.htm">quartz</a> <div>其实Quartz JAR文件的org.quartz包下就包含了一个quartz.properties属性配置文件并提供了默认设置。如果需要调整默认配置，可以在类路径下建立一个新的quartz.properties，它将自动被Quartz加载并覆盖默认的设置。下面是这些默认值的解释 #-----集群的配置 org.quartz.scheduler.instanceName =</div> </li> <li><a href="/article/484.htm" title="informatica session的使用" target="_blank">informatica session的使用</a> <span class="text-muted">18289753290</span> <a class="tag" taget="_blank" href="/search/workflow/1.htm">workflow</a><a class="tag" taget="_blank" href="/search/session/1.htm">session</a><a class="tag" taget="_blank" href="/search/log/1.htm">log</a><a class="tag" taget="_blank" href="/search/Informatica/1.htm">Informatica</a> <div>如果希望workflow存储最近20次的log，在session里的Config Object设置，log options做配置，save session log :sessions run ;savesessio log for these runs:20 session下面的source 里面有个tracing </div> </li> <li><a href="/article/611.htm" title="Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误" target="_blank">Scrapy抓取网页时出现CRC check failed 0x471e6e9a != 0x7c07b839L的错误</a> <span class="text-muted">酷的飞上天空</span> <a class="tag" taget="_blank" href="/search/scrapy/1.htm">scrapy</a> <div>Scrapy版本0.14.4 出现问题现象： ERROR: Error downloading <GET http://xxxxx CRC check failed 解决方法 1.设置网络请求时的header中的属性'Accept-Encoding': '*;q=0' 明确表示不支持任何形式的压缩格式，避免程序的解压</div> </li> <li><a href="/article/738.htm" title="java Swing小集锦" target="_blank">java Swing小集锦</a> <span class="text-muted">永夜-极光</span> <a class="tag" taget="_blank" href="/search/java+swing/1.htm">java swing</a> <div>1.关闭窗体弹出确认对话框 1.1 this.setDefaultCloseOperation (JFrame.DO_NOTHING_ON_CLOSE); 1.2 this.addWindowListener ( new WindowAdapter () { public void windo</div> </li> <li><a href="/article/865.htm" title="强制删除.svn文件夹" target="_blank">强制删除.svn文件夹</a> <span class="text-muted">随便小屋</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div> 在windows上，从别处复制的项目中可能带有.svn文件夹，手动删除太麻烦，并且每个文件夹下都有。所以写了个程序进行删除。因为.svn文件夹在windows上是只读的，所以用File中的delete()和deleteOnExist()方法都不能将其删除，所以只能采用windows命令方式进行删除</div> </li> <li><a href="/article/992.htm" title="GET和POST有什么区别？及为什么网上的多数答案都是错的。" target="_blank">GET和POST有什么区别？及为什么网上的多数答案都是错的。</a> <span class="text-muted">aijuans</span> <a class="tag" taget="_blank" href="/search/get+post/1.htm">get post</a> <div> 如果有人问你，GET和POST，有什么区别？你会如何回答？我的经历前几天有人问我这个问题。我说GET是用于获取数据的，POST，一般用于将数据发给服务器之用。这个答案好像并不是他想要的。于是他继续追问有没有别的区别？我说这就是个名字而已，如果服务器支持，他完全可以把G</div> </li> <li><a href="/article/1119.htm" title="谈谈新浪微博背后的那些算法" target="_blank">谈谈新浪微博背后的那些算法</a> <span class="text-muted">aoyouzi</span> <a class="tag" taget="_blank" href="/search/%E8%B0%88%E8%B0%88%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A%E8%83%8C%E5%90%8E%E7%9A%84%E9%82%A3%E4%BA%9B%E7%AE%97%E6%B3%95/1.htm">谈谈新浪微博背后的那些算法</a> <div>本文对微博中常见的问题的对应算法进行了简单的介绍，在实际应用中的算法比介绍的要复杂的多。当然，本文覆盖的主题并不全，比如好友推荐、热点跟踪等就没有涉及到。但古人云“窥一斑而见全豹”，希望本文的介绍能帮助大家更好的理解微博这样的社交网络应用。微博是一个很多人都在用的社交应用。天天刷微博的人每天都会进行着这样几个操作：原创、转发、回复、阅读、关注、@等。其中，前四个是针对短博文，最后的关注和@则针</div> </li> <li><a href="/article/1246.htm" title="Connection reset 连接被重置的解决方法" target="_blank">Connection reset 连接被重置的解决方法</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/%E5%AD%97%E7%AC%A6%E6%B5%81/1.htm">字符流</a><a class="tag" taget="_blank" href="/search/%E8%BF%9E%E6%8E%A5%E8%A2%AB%E9%87%8D%E7%BD%AE/1.htm">连接被重置</a> <div>流是java的核心部分,,昨天在做android服务器连接服务器的时候出了问题,就将代码放到java中执行,结果还是一样连接被重置被重置的代码如下; 客户端代码; package 通信软件服务器; import java.io.BufferedWriter; import java.io.OutputStream; import java.io.O</div> </li> <li><a href="/article/1373.htm" title="web.xml配置详解之filter" target="_blank">web.xml配置详解之filter</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/web.xml/1.htm">web.xml</a><a class="tag" taget="_blank" href="/search/filter/1.htm">filter</a> <div>一.定义 <filter> <filter-name>encodingfilter</filter-name> <filter-class>com.my.app.EncodingFilter</filter-class> <init-param> <param-name>encoding<</div> </li> <li><a href="/article/1500.htm" title="Heritrix" target="_blank">Heritrix</a> <span class="text-muted">Bill_chen</span> <a class="tag" taget="_blank" href="/search/%E5%A4%9A%E7%BA%BF%E7%A8%8B/1.htm">多线程</a><a class="tag" taget="_blank" href="/search/xml/1.htm">xml</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%88%B6%E9%80%A0/1.htm">制造</a><a class="tag" taget="_blank" href="/search/%E9%85%8D%E7%BD%AE%E7%AE%A1%E7%90%86/1.htm">配置管理</a> <div>作为纯Java语言开发的、功能强大的网络爬虫Heritrix，其功能极其强大，且扩展性良好，深受热爱搜索技术的盆友们的喜爱，但它配置较为复杂，且源码不好理解，最近又使劲看了下，结合自己的学习和理解，跟大家分享Heritrix的点点滴滴。 Heritrix的下载（http://sourceforge.net/projects/archive-crawler/）安装、配置，就不罗嗦了，可以自己找找资</div> </li> <li><a href="/article/1627.htm" title="【Zookeeper】FAQ" target="_blank">【Zookeeper】FAQ</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/zookeeper/1.htm">zookeeper</a> <div>1.脱离IDE，运行简单的Java客户端程序 #ZkClient是简单的Zookeeper~$ java -cp "./:zookeeper-3.4.6.jar:./lib/*" ZKClient 1. Zookeeper是的Watcher回调是同步操作，需要添加异步处理的代码 2. 如果Zookeeper集群跨越多个机房，那么Leader/</div> </li> <li><a href="/article/1754.htm" title="The user specified as a definer ('aaa'@'localhost') does not exist" target="_blank">The user specified as a definer ('aaa'@'localhost') does not exist</a> <span class="text-muted">白糖_</span> <a class="tag" taget="_blank" href="/search/localhost/1.htm">localhost</a> <div>今天遇到一个客户BUG，当前的jdbc连接用户是root，然后部分删除操作都会报下面这个错误：The user specified as a definer ('aaa'@'localhost') does not exist 最后找原因发现删除操作做了触发器，而触发器里面有这样一句 /*!50017 DEFINER = ''aaa@'localhost' */ 原来最初</div> </li> <li><a href="/article/1881.htm" title="javascript中showModelDialog刷新父页面" target="_blank">javascript中showModelDialog刷新父页面</a> <span class="text-muted">bozch</span> <a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%88%B7%E6%96%B0%E7%88%B6%E9%A1%B5%E9%9D%A2/1.htm">刷新父页面</a><a class="tag" taget="_blank" href="/search/showModalDialog/1.htm">showModalDialog</a> <div>在页面中使用showModalDialog打开模式子页面窗口的时候，如果想在子页面中操作父页面中的某个节点，可以通过如下的进行： window.showModalDialog('url',self,‘status...’); // 首先中间参数使用self 在子页面使用w</div> </li> <li><a href="/article/2008.htm" title="编程之美-买书折扣" target="_blank">编程之美-买书折扣</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/%E7%BC%96%E7%A8%8B%E4%B9%8B%E7%BE%8E/1.htm">编程之美</a> <div> import java.util.Arrays; public class BookDiscount { /**编程之美买书折扣书上的贪心算法的分析很有意思，我看了半天看不懂，结果作者说，贪心算法在这个问题上是不适用的。。下面用动态规划实现。哈利波特这本书一共有五卷，每卷都是8欧元，如果读者一次购买不同的两卷可扣除5%的折扣，三卷10%，四卷20%，五卷</div> </li> <li><a href="/article/2135.htm" title="关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要" target="_blank">关于struts2.3.4项目跨站执行脚本以及远程执行漏洞修复概要</a> <span class="text-muted">chenbowen00</span> <a class="tag" taget="_blank" href="/search/struts/1.htm">struts</a><a class="tag" taget="_blank" href="/search/WEB%E5%AE%89%E5%85%A8/1.htm">WEB安全</a> <div>因为近期负责的几个银行系统软件，需要交付客户，因此客户专门请了安全公司对系统进行了安全评测，结果发现了诸如跨站执行脚本，远程执行漏洞以及弱口令等问题。下面记录下本次解决的过程以便后续 1、首先从最简单的开始处理，服务器的弱口令问题，首先根据安全工具提供的测试描述中发现应用服务器中存在一个匿名用户，默认是不需要密码的，经过分析发现服务器使用了FTP协议，而使用ftp协议默认会产生一个匿名用</div> </li> <li><a href="/article/2262.htm" title="[电力与暖气]煤炭燃烧与电力加温" target="_blank">[电力与暖气]煤炭燃烧与电力加温</a> <span class="text-muted">comsci</span> <div> 在宇宙中,用贝塔射线观测地球某个部分,看上去,好像一个个马蜂窝,又像珊瑚礁一样,原来是某个国家的采煤区..... 不过,这个采煤区的煤炭看来是要用完了.....那么依赖将起燃烧并取暖的城市,在极度严寒的季节中...该怎么办呢? &nbs</div> </li> <li><a href="/article/2389.htm" title="oracle O7_DICTIONARY_ACCESSIBILITY参数" target="_blank">oracle O7_DICTIONARY_ACCESSIBILITY参数</a> <span class="text-muted">daizj</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a> <div>O7_DICTIONARY_ACCESSIBILITY参数控制对数据字典的访问.设置为true,如果用户被授予了如select any table等any table权限,用户即使不是dba或sysdba用户也可以访问数据字典.在9i及以上版本默认为false,8i及以前版本默认为true.如果设置为true就可能会带来安全上的一些问题.这也就为什么O7_DICTIONARY_ACCESSIBIL</div> </li> <li><a href="/article/2516.htm" title="比较全面的MySQL优化参考" target="_blank">比较全面的MySQL优化参考</a> <span class="text-muted">dengkane</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>本文整理了一些MySQL的通用优化方法，做个简单的总结分享，旨在帮助那些没有专职MySQL DBA的企业做好基本的优化工作，至于具体的SQL优化，大部分通过加适当的索引即可达到效果，更复杂的就需要具体分析了，可以参考本站的一些优化案例或者联系我，下方有我的联系方式。这是上篇。 1、硬件层相关优化 1.1、CPU相关在服务器的BIOS设置中，可</div> </li> <li><a href="/article/2643.htm" title="C语言homework2，有一个逆序打印数字的小算法" target="_blank">C语言homework2，有一个逆序打印数字的小算法</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/c/1.htm">c</a> <div>#h1# 0、完成课堂例子 1、将一个四位数逆序打印 1234 ==> 4321 实现方法一： # include <stdio.h> int main(void) { int i = 1234; int one = i%10; int two = i / 10 % 10; int three = i / 100 % 10; </div> </li> <li><a href="/article/2770.htm" title="apacheBench对网站进行压力测试" target="_blank">apacheBench对网站进行压力测试</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/apachebench/1.htm">apachebench</a> <div> ab 的全称是 ApacheBench ，是 Apache 附带的一个小工具，专门用于 HTTP Server 的 benchmark testing ，可以同时模拟多个并发请求。前段时间看到公司的开发人员也在用它作一些测试，看起来也不错，很简单，也很容易使用，所以今天花一点时间看了一下。通过下面的一个简单的例子和注释，相信大家可以更容易理解这个工具的使用。 </div> </li> <li><a href="/article/2897.htm" title="2种办法让HashMap线程安全" target="_blank">2种办法让HashMap线程安全</a> <span class="text-muted">flyfoxs</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/jni/1.htm">jni</a> <div>多线程之--2种办法让HashMap线程安全多线程之--synchronized 和reentrantlock的优缺点多线程之--2种JAVA乐观锁的比较( NonfairSync VS. FairSync) HashMap不是线程安全的,往往在写程序时需要通过一些方法来回避.其实JDK原生的提供了2种方法让HashMap支持线程安全. </div> </li> <li><a href="/article/3024.htm" title="Spring Security（04）——认证简介" target="_blank">Spring Security（04）——认证简介</a> <span class="text-muted">234390216</span> <a class="tag" taget="_blank" href="/search/Spring+Security/1.htm">Spring Security</a><a class="tag" taget="_blank" href="/search/%E8%AE%A4%E8%AF%81/1.htm">认证</a><a class="tag" taget="_blank" href="/search/%E8%BF%87%E7%A8%8B/1.htm">过程</a> <div>认证简介目录 1.1 认证过程 1.2 Web应用的认证过程 1.2.1 ExceptionTranslationFilter 1.2.2 在request之间共享SecurityContext 1</div> </li> <li><a href="/article/3151.htm" title="Java 位运算" target="_blank">Java 位运算</a> <span class="text-muted">Javahuhui</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a> <div>// 左移( << ) 低位补0 // 0000 0000 0000 0000 0000 0000 0000 0110 然后左移2位后，低位补0： // 0000 0000 0000 0000 0000 0000 0001 1000 System.out.println(6 << 2);// 运行结果是24 // 右移( >> ) 高位补"</div> </li> <li><a href="/article/3278.htm" title="mysql免安装版配置" target="_blank">mysql免安装版配置</a> <span class="text-muted">ldzyz007</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div>1、my-small.ini是为了小型数据库而设计的。不应该把这个模型用于含有一些常用项目的数据库。 2、my-medium.ini是为中等规模的数据库而设计的。如果你正在企业中使用RHEL,可能会比这个操作系统的最小RAM需求(256MB)明显多得多的物理内存。由此可见，如果有那么多RAM内存可以使用，自然可以在同一台机器上运行其它服务。 3、my-large.ini是为专用于一个SQL数据</div> </li> <li><a href="/article/3405.htm" title="MFC和ado数据库使用时遇到的问题" target="_blank">MFC和ado数据库使用时遇到的问题</a> <span class="text-muted">你不认识的休道人</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/mfc/1.htm">mfc</a> <div>=================================================================== 第一个 =================================================================== try{ CString sql; sql.Format("select * from p</div> </li> <li><a href="/article/3532.htm" title="表单重复提交Double Submits" target="_blank">表单重复提交Double Submits</a> <span class="text-muted">rensanning</span> <a class="tag" taget="_blank" href="/search/double/1.htm">double</a> <div>可能发生的场景： *多次点击提交按钮 *刷新页面 *点击浏览器回退按钮 *直接访问收藏夹中的地址 *重复发送HTTP请求（Ajax）（1）点击按钮后disable该按钮一会儿，这样能避免急躁的用户频繁点击按钮。这种方法确实有些粗暴，友好一点的可以把按钮的文字变一下做个提示，比如Bootstrap的做法： http://getbootstrap.co</div> </li> <li><a href="/article/3659.htm" title="Java String 十大常见问题" target="_blank">Java String 十大常见问题</a> <span class="text-muted">tomcat_oracle</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1.htm">正则表达式</a> <div>　1.字符串比较，使用“==”还是equals()? 　　"=="判断两个引用的是不是同一个内存地址(同一个物理对象)。　　equals()判断两个字符串的值是否相等。　　除非你想判断两个string引用是否同一个对象，否则应该总是使用equals()方法。　　如果你了解字符串的驻留(String Interning)则会更好地理解这个问题。　　</div> </li> <li><a href="/article/3786.htm" title="SpringMVC 登陆拦截器实现登陆控制" target="_blank">SpringMVC 登陆拦截器实现登陆控制</a> <span class="text-muted">xp9802</span> <a class="tag" taget="_blank" href="/search/springMVC/1.htm">springMVC</a> <div>思路，先登陆后，将登陆信息存储在session中，然后通过拦截器，对系统中的页面和资源进行访问拦截，同时对于登陆本身相关的页面和资源不拦截。实现方法： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 </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.  </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>