效果图： 代码如下： /head style body{ background-color:#000; } .textArea{ font-size:100px; color:#fff; text-shadow:0 0 5px #e0ea33, 0 0 15px #e0ea33, 0 0 25px #e0ea33; margin-top:200px; text-align:center; } /style body p class="textArea"帅/p!--此处...

2019-04-18 08:53:35

现在需要把一个input输入框内的字母自动转变为大写。 查了下资料，目前收集到的方法有两种： 使用JavaScript，在input标签添加onkeyup方法，将字符转为大写。 input name ="text" type ="text" onkeyup ="this.value=this.value.toUpperCase()" / 使用CSS，给input设置...

2019-04-12 09:27:04

以相同的速度从开始到结束的过渡效果： div { transition-timing-function : linear ; -moz-transition-timing-function : linear ; /* Firefox 4 */ -webkit-transition-timing-function : linear ; /* Safari 和 Chrome */ -o-transition-timing-function : linear ;...

2019-04-12 09:25:09

以下内容部分转载自菜鸟教程 CSS层叠样式表(CascadingStyleSheets) 内联： p style="..." 内嵌： stylehr { color : sienna ;} p { margin-left : 20px ;} body { background-image : url("images/back40.gif") ;} /style 外部样式文件： link rel="stylesheet" type="...

2019-04-12 09:26:03

一.pexels 提供大量高清尺寸，品质优良的摄影图片，所有图片都可以免费商用。网址：www.pexels.com 最好的免费图片在一个叫pexels的地方，Pexels是使用的高质量照片库的平台。Pexels可以帮助设计师，博主和所有正在寻找图像的人们找到可以在任何地方免费使用的精美照片...

2019-04-12 09:25:49

! DOCTYPE html html lang = "en" head meta charset = "UTF-8" / meta name = "viewport" content = "width=device-width, initial-scale=1.0" / meta http-equiv = "X-UA-Compatible" content = "ie=edge" / title Document / title style body { background-color :...

2019-04-12 09:25:39

浮动使元素框向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框脱离了文档的普通流，所以文档的普通流中的框表现得就像浮动框不存在一样。 这段代码： style .parent { width : 500px ; margin : 0 auto ; } .left { float : left ; lis...

2019-04-12 09:24:38

1.CSS的水平居中， 1.1 父元素是块状元素，子元素为行内元素的居中，直接设置text-aglin: center ,常见的文本，span 标签，button,img等行内元素都是可以使其水平居中的 .box{ text-align: center; } div class ="box" span 11111 / span button 123 / button / div 1....

2019-04-11 09:53:37

块级元素和display为block的元素不是一个概念，因为li元素默认的display值是list-item，table元素默认的display值是table，它们都是块级元素。 正是由于块级元素具有换行特性，因此理论上它们都可以配合clear属性来清除浮动带来的影响。例如： 1 .clear:after { 2 cont...

2019-04-11 09:53:06

学习资料:http://how2j.cn/p/1036 周期:3天 总结:采用的都是html的知识,有过时的结束请忽略.初学者还是练一遍有个印象即可. 1.html中文问题 head meta http-equiv ="Content-Type" content ="text/html; charset=GB2312" / head 2.标签 p 这是一个开始标签 / p 这是一...

2019-03-13 23:33:07