前言： 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中 就不容易实现。 2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局，2012年得到进一步完善。 2009年版本的语法已经过时（display: box），使用的时候为了兼容需要加上一些前缀 /* 形如： */ display: -webkit-box; /* Chrome 4+, Safar...
今天做一个页面，无意中看到这个nth-of-type感觉挺方便的，之前单双行有的有横线，有的无横线一般在html中单独再写border-right：none等之类的。现在发现这个好东西赶紧记录下来。 :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素.n 可以是数字、关键词或公式。 .uninstall_form .uninstall_list_checkbox:nth-of-type(odd){border-right:1px solid #e6e6e6} odd奇数行右面有一条线 even偶...
一：:before && :after的用法 :before 如同对伪元素的名称一样，:before 是用来给指定的元素的内容前面插入新的内容。举例说明： .before:before{content:you before; color:red;} me 在这里我们给伪元素 :before 添加了属性 content，并赋值为 you before。我们来看效果： //在指定元素的内容 me 前添加了新内容 you before 我们不难发现这里通过伪元素 :before 添加的新内容区域默认的 display 属性值...
rem 是css3中的属性，ie8下不兼容。rem是相对于根元素 这就意味着我们只需要在 根目录加入以下css代码。 默认单位为16px，我们需要在用rem的时候除以16 就是rem的值。 比如字体是20px， 2016 = 1.25rem即可。 @media only screen and (max-width: 320px) { html { font-size: 16px; }}@media only screen and (min-width: 321px) and (max-width: 360px) { html { font-size: 18px; }}@med...
所谓Medial Queries就是媒体查询。 随着Responsive设计的流行，Medial Queries可算是越来越让人观注了。他可以让Web前端工程实现不同设备下的样式选择，让站点在不同的设备中实现不同的效果。 众所周知，有些时候为了实现IE下的某些效果与现代浏览器一致，我们不得不使用一些hack手段来实现目的。比如说使用“\0”，“\”和“\9”来仅让IE某些版本识别，而对于现代浏览器来说，他会直接无视这些代码。今天我想为大家介绍的是使...
1 这个类要继承于 HttpServlet (extends)2 并实现HttpServlet里面的方法,如下 : 1 doGet() : 执行的方法 2 init() : 加载 3 destroy : 关闭的时候执行的方法 生命周期 : 1 先执行当前类的构造方法 2 再执行init()方法 3 执行service()/doGet()方法 4 关闭的时候执行destroy()方法 127.0.0.1:8081 //主页 127.0.0.1:8081/web-text/名字(自己设定的...
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts-2.3.dtd"> 18个字母 <--这里不写 后面默认是result name="success"--> /Hello.jsp <default-action-ref name="index" /> 在web.xml中,通过 ...
一、网页地址栏上小图标标签添加写法：
counter()的定义和用法:是一个函数，其主要配合content一起使用。使用counter()来调用定义好的计数器标识符。语法结构: counter(,list-style-type) 参数解析:（1）.:counter-increment定义的属性值,用来告诉该文档插入的计数器标识符名称是什么。（2）.list-style-type:设置计数器的风格，有点类似于list-style-type。默认情况之下取值为十制，但你也可以重置这个样式风格，比如upper-roman或者upper-alpha等。此参数值列表如...
background-size属性用法详解:此属性用来控制控制背景图片的大小，下面通过代码实例详细介绍一下此属性的用法，希望能够对需要的朋友带来一定的帮助。Background-size属性具有两个参数（在这里先不把cover和contain计算在内），参数值既可以是精确数值形式也可以是百分比形式，也可以是默认的值auto，例如: background-size:200px 100px;background-size:50% 50%;background-size:auto; 下面对Background-size...
本篇体验Webpack的基本面以及一个例子。 ■ What is Webpack ● module bundler● module with dependencies● module generates static assets ■ Why Webpack ● good for development but also the user experience● loaded on demand● cache friendly● webpack plugins can be injected into into the build process ■ 首次使用Webpack, 用CLI, 即Command Line Interface → 确...
是框架的一种形式，也比较常用到。 例子1。 不用多说了。 width插入页的宽；height插入页的高；scrolling 是否显示页面滚动条（可选的参数为 auto、yes、no，如果省略这个参数，则默认为auto）；frameborder 边框大小； 注意：URL建议用绝对路径 传说中百DU用：<iframe width=0 height=0 frameborder=0 scrolling=auto src=WWW .webjx.com> 黑了88*8。。。 例子2。 如果一个页面里面有...
CSS的margin用法详解:建议:尽可能的手写代码，可以有效的提高学习效率和深度。margin属性在网页中使用非常的频繁，所以这里详细介绍一下此属性的用法。此属性用来定义对象的外边距的，也称之为外补白，所谓的外边距就是围绕边框外侧的空白区域。可以单独定义上下左右某一方位的外边距。代码实例如下:实例一:子div没有外边距的情况： 蚂蚁部落.parent{ width:400px; height:400px; border:1px solid red;}.children...
CSS的padding用法详解:建议:尽可能的手写代码，可以有效的提高学习效率和深度。padding属性在网页中使用非常的频繁，所以这里详细介绍一下此属性的用法。此属性用来定义元素的内边距或者内补白，所谓的内边距就是元素中的内容与元素内侧之间的空白区域。可以单独定义上下左右某一方位的内边距。代码实例:实例一:没有设置父div的内边距的时候： 蚂蚁部落.parent{ width:400px; height:400px; border:1px solid red;...
css的:first-child伪类选择器用法介绍:此选择器能够匹配元素集合中第一个元素。:first-child伪类选择器要和其他选择器配合使用，例如: li:first-child 以上代码可以匹配li元素集合中第一个li元素。代码实例如下: 蚂蚁部落li:first-child{color:green;} html专区 Div+css专区 Jquery专区 Javascript专区 以上代码可以将li元素集合中第一个li元素中的字体颜色设置为绿...