前端
JAVA小镇V
不会前端的Java不是好程序猿!
技术公众号:Java小镇V
在职JAVA,走在全栈的路上
展开
-
垂直居中一张图片和多行文字在固定的盒子内
HTML代码<div class="middle-box"><img src="web.png"/><i class="visible"></i></div>CSS代码.middle-box{height:300px; border: 1px solid #f00; width: 400px; margin: 0 auto; text-align: center; }.middle-box原创 2017-03-17 14:49:41 · 1645 阅读 · 0 评论 -
网页中竖线的几种做法
Q:网页中竖线的几种做法 A:1、用水平线做: 一般水平线的是宽长高短 <hr width="10"size="10" color=#000000>,做竖线我们可以反过来宽短高长,,怎么样?竖线出来了吧?不过这个做法我发现好象有个BUG,就是高只能显示100px的,你设的再高也没用! 2、用表格做: (1) 代码如下:<table width="1" border="1" borderco转载 2017-03-20 18:13:00 · 2211 阅读 · 0 评论 -
CSS中定义CLASS时,有空格和没空格的区别是什么
.example .pp{ color: orange;}.example.pp2 { color: green;}如上面的两个定义一个是中间有空格,一个是中间没空格。第一个class要这样写生效:class="example">文字文字class="pp">pp这个class生效/span>....第二个class要这样写生效:class="example pp2">pp2这转载 2017-02-20 22:06:30 · 885 阅读 · 0 评论 -
CSS段落间距调整 P标签段落上下距离如何设置
CSS对P段落之间间隔距离调整如何设置解决篇在网页中文章段落一般我们用html P标签进行分段,使用P标签上一段文章与下一段文章中间就会产生距离,如何控制P与P之间间距呢?接下来为大家全方位介绍段落间距距离如何调整与设置。 通过CSS设置上下段落之间距离常见有三种方法,分别如下:一、line-height行高我们对line-height的值设置越大,段落间距将会增大,同时字与字行距也会增加,不推荐转载 2017-03-17 10:39:34 · 40047 阅读 · 0 评论 -
CSS三栏式布局
三栏式布局以下两种方式分别用float和position:absolute 实现,中间的自适应宽度都是用margin实现的,事实证明margin真的很方便!方法1(position):.container{ background-color: #eee; position:relative; overflow: auto;}.left,.right{ positi原创 2017-03-17 10:30:02 · 306 阅读 · 0 评论 -
npm修改源
npm修改源由于不可说原因,npm install时,速度总是不尽如人意,解决办法是修改npm的数据源npm config set registry https://registry.npm.taobao.org修改后可以通过这个进行测试npm config get registry原创 2017-10-20 17:33:15 · 19205 阅读 · 0 评论 -
npm的--save和--save-dev参数
命令行参数当你为你的模块安装一个依赖模块时,正常情况下你得先安装他们,在模块根目录下npm install module-name,然后连同版本号手动将他们添加到模块配置文件package.json中的依赖里(dependencies)。-save和save-dev可以省掉你手动修改package.json文件的步骤。npm install module_name --save自动把模块和版本号添加原创 2017-10-17 22:00:37 · 371 阅读 · 0 评论 -
JS 形参、实参、局部变量、全局变量优先级
- 函数体内部,局部变量的优先级比同名的全局变量高。 -未使用var关键字定义的变量都是全局变量。 -全局变量都是window对象的属性原创 2017-11-03 15:52:44 · 2249 阅读 · 0 评论 -
JS中的基本数据类型和引用数据类型
JS的基本数据类型存放的实际变量的值,二引用数据类型的值存放的实际值的引用,即指针。基本数据类型undefine, null, bollean, string, number引用数据类型Object, Array,Function例子let a = 10;let b = a;a = 20;//问此时b的值是多少此时b的值任然为10,因为a的数据类型是基本数据类型,b=a这句代码实际上原创 2017-11-03 11:05:58 · 527 阅读 · 0 评论 -
立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别?
没有区别!!!! 立即执行函数,即IIFE,其原理是这样的:function foo() {...} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。foo(); // 这是语句,Statement;解释器遇到语句是会运行它的。IIFE 并非必须,传统一点可以这么写:function foo() {...}foo();转载 2017-03-21 16:53:47 · 416 阅读 · 0 评论 -
JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?
一、JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系? jS中设置或者获取所选内容的值: ①innerHTML :属性设置或返回该标签内的HTML。也就是从对象的起始位置到终止位置的全部内容,包括Html标签。 ②outerHTML:属性设置或返回该标签及标签内的HTML。也就是从对象的该标签起始到终止位置的全部内容,包括Html标转载 2017-03-24 15:20:11 · 322 阅读 · 0 评论 -
对POSITION深入了解
在CSS中,每一个元素都由一个矩形盒子所包含。每一个盒子都会具有一个内容区,内容区被一个内边距所包裹,内边距外是盒子的边框,并且在边框之外会有一个外边距用于与其他盒子分隔开来。这些你可以从下面这张图片看到。著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。 原文: http://www.w3cplus.com/blog/position-and-z-index.html ©转载 2017-03-17 15:08:13 · 296 阅读 · 0 评论 -
block、inline、inline-block区别
display:blockblock元素会独占一行,多个block元素会各自新起一行。默认情况下, block元素宽度自动填满其父元素宽度。block元素可以设置margin和padding属性。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。display:inlineinline元素不会独占一行,多个相邻的行内元素会排列在同一行里,直到一行排原创 2017-03-17 17:10:31 · 385 阅读 · 0 评论 -
伪类与伪元素的区别
CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。CSS伪类伪元素种类写法伪元素和伪类之所以这么容易混淆,是因为他们的效果类似而且写法相仿,但实际上 css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来原创 2017-03-17 21:07:25 · 370 阅读 · 0 评论 -
实现盒子水平居中,关于定位的问题
如何实现一个盒子水平居中<!DOCTYPE html><html><head> <title>Demo4</title></head><style type="text/css"> *{ margin: 0; padding: 0; } .container{ position: absolute;原创 2017-03-17 21:14:53 · 2385 阅读 · 0 评论 -
CSS3 border-radius的威力
这篇文章将简述使用CSS3的border-radius来画圆、半圆和四分之一圆,并如何利用它们。如何使用border-radius属性下面是border-radius属性最基本的使用方法。.round { border-radius: 5px; /* 所有角都使用半径为5px的圆角,此属性为CSS3标准属性 */ -moz-border-radius: 5px; /* Mozilla转载 2017-03-17 21:48:33 · 287 阅读 · 0 评论 -
设置font-family
关于文章: 这篇文章主要介绍了css如何设置各种中文字体如雅黑、黑体、宋体、楷体等等,需要的朋友可以参考下说明: 加上中文名“微软雅黑”是为了兼容opera。 MicrosoftJhengHei为微软正黑体,STHeiti为华文黑体,MingLiu记得11px下的中文有着不凡的效果。 在css中推荐使用中文字体的英文表示法,以下附常见中文字体的英文名: Mac OS的一些: 华文细黑:ST原创 2017-03-19 22:52:12 · 1271 阅读 · 0 评论 -
如何在图片上面装一个透明的遮罩层
先说思路: 把图片用做背景,然后写一个position:absolute;的div浮动于它的上面,这个层设定一个半透明opacity:0.7;css代码.left{ position: absolute; z-index: 1; width: 191px; height: 301px; background-color: #335544; opaci原创 2017-03-19 22:58:17 · 7981 阅读 · 0 评论 -
html marquee属性
该标签不是HTML3.2的一部分,并且只支持MSIE3以后内核,所以如果你使用非IE内核浏览器(如:Netscape)可能无法看到下面一些很有意思的效果 该标签是个容器标签 语法:<marquee></marquee>以下是一个最简单的例子:代码如下:<marquee><font size=+3 color=red>Hello, World</font></marquee>下面这两个事件经常用转载 2017-03-24 18:57:23 · 584 阅读 · 0 评论 -
CSS选择器优先级
CSS选择器优先级从上到下依次为: 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。 作为style属性写在元素内的样式 id选择器 类选择器(伪类选择器) 标签选择器 通配符选择器 伪类选择器和类选择器的优先级是一样的,谁在后面谁起作用原创 2017-11-03 17:09:06 · 318 阅读 · 0 评论