HTML+CSS
文章平均质量分 79
MsStrbig
吾尝终日而思矣,不如须臾之所学也。吾尝跂而望矣,不如登高之博见也。……君子生非异也,善假于物也
展开
-
html和CSS基础学习(六)
垂直外边距的重叠例如兄弟元素之间相邻外边距取最大值: .box1{ width: 200px; height:200px ; background-color:greenyellow ; margin-bottom:100px ; } .box2{ width: 200px; height: 20原创 2017-09-14 20:07:37 · 444 阅读 · 0 评论 -
JS基础学习(四)
一:构造函数//构造函数用来创建一个对象 function Person(name ,sex,age){ this.age=age;//如果是age=参数,age并不是这个对象的值因为这个函数中没有,去上一层找,表示的是window.name。原创 2017-10-27 00:09:53 · 417 阅读 · 0 评论 -
JavaScript基础学习(一)
(1) //弹出一个警告框;向游览器中输入一个内容,可以在游览器看到;向控制台显示文字 alert("Hello Wrold") document.write("Hello Wrold") console.log("Hello Wrold") JS代码可以写在script标签中,从上到下依次执行。原创 2017-10-10 21:59:30 · 324 阅读 · 0 评论 -
javascript基础学习(五)
//数组去重var a=[1,2,3,4,5,1,2,3,4,5]; for(var i=0;i for(var j=i+1;j { if(a[i]==a[j]) a.splice(j,1); }原创 2017-10-29 13:23:05 · 412 阅读 · 0 评论 -
JS基础学习(六)
Math对象(1) Math不是构造函数,是一个工具对象,封装了数学的常用量和方法-》对象;1:Math的属性 例如:Math.PI (可以查手册,此处不做过多介绍)3.141592653589793表示圆周率 2: Math的方法 console.log(Math.abs(-1));//Math.abs(-1)绝对值方法 console.log(Math原创 2017-10-30 23:11:29 · 349 阅读 · 0 评论 -
JavaScript基础学习(二)
运算符(1) 其他数据类型转换为Boolean;string->Boolean;var a=""; a="hello" a=Boolean(a);空串为false其余的为true。Number->Booleana=123;原创 2017-10-15 00:03:28 · 474 阅读 · 0 评论 -
JavaScript基础学习(三)
作用域1:作用域:表示变量的作用范围。在全局作用域(整个页面中),有一个window对象,有游览器创建例如: var a=10,b=5; console.log(window.a+window.b);2:console.log(a); var a=10;//表示创建一个原创 2017-10-24 23:45:52 · 354 阅读 · 0 评论 -
JS(十一)
事件对象(event) #move{ width: 300px; height: 150px; background-color: #00BFFF; } #show{ width: 300px; height: 100px; background-color:#FF0000; margin: 20原创 2017-11-29 22:49:31 · 261 阅读 · 0 评论 -
JS(十二)
冒泡事件(1)冒泡就是后代元素的事件被触发的时候,其祖先元素的相同事件也会被触发;冒泡是向上导向的; #box1{ width: 300px; height: 300px; background-color: #00BFFF; } #s1{ background-color: yellow; }原创 2017-11-29 22:54:03 · 287 阅读 · 0 评论 -
JS学习(七)
DOM/Dom 表示的是文档对象模型document object model/1:作用:JS可以通过DOM来操作网页;// 文档表示的是整个网页,元素节点表示的是标签,属性节点表示的元素的属性,文本节点是标签中的文字; varb=document.getElementById("sn");/原创 2017-11-23 20:49:55 · 344 阅读 · 0 评论 -
JS基础学习(八)
DOM查询1:全选练习全选练习 window.onload=function(){ var checkedAllBox=document.getElementById("checkedAllBox"); var checkedAllBtn=document.getElementById("checkedAllBtn原创 2017-11-23 20:54:00 · 329 阅读 · 0 评论 -
JS基础学习(九)
DOM增删改添加删除记录练习 ALD=function(){ //当点击的时候就删除指定的这一行; //首先我们需要获取tr元素; var tr=this.parentNode.parentNode; // 在删除前我们需要弹出一个提示框 //name为我们删除行name; var name=tr.child原创 2017-11-23 20:56:42 · 385 阅读 · 0 评论 -
html和CSS基础学习(十六)
框架集(1)infream的集合,用来引入多个页面。在html中使用frameset创建一个框架集,但是不能喝body标签一起使用,只能用来引入不能有自己的格式。原创 2017-10-09 19:42:14 · 299 阅读 · 0 评论 -
html和CSS基础学习(十五)
表单(1)表单:向服务器提交数据。 用户名原创 2017-10-09 19:39:19 · 296 阅读 · 0 评论 -
html和CSS基础学习(七)
内联元素的盒子模型(1) 内联元素会紧挨在一起,块元素会独占一行。(2) 内联元素不能设置height和width,设置了也没有用,内联元素可以设置边框,和水平方向的外边距和内边距,而且不会重叠。水平方向可以影响布局 p{ font-style:italic; color:red ; } div{ width:原创 2017-09-14 20:20:40 · 382 阅读 · 0 评论 -
基础学习(二)
选择器的优先级当我们使用不同的选择器,选中同一个元素时并且设置相同的样式时;会出现考虑选择器的优先级;内联样式>ID选择器>伪类选择器,类选择器>元素选择器>统配选择器>继承的样式#sn{ font-size:50px; }原创 2017-09-07 11:21:24 · 255 阅读 · 0 评论 -
html和CSS基础学习
(1)用来设置关键字;用来对网页的描述,请求重定向(5秒跳转的页面)超链接 src表示路径,herf表示地址标签 插入图片 src图片的路径 相对路径,alt属性表示对图片的说明(搜索引擎)标签 可以使用内联框架引入一个外部的页面;(2)css样式标签将外部的CSS文件引入/**/CSS的注释CSS中选择器和声明块选择器:页面中的制定元素声明块:{}后面;常原创 2017-09-07 11:00:10 · 382 阅读 · 0 评论 -
html和CSS基础学习(三)
1:定义列表标签为表示定义列表 dt 标签表示内容定义 dd表示对定义内容的描述例如 XXX 小美女原创 2017-09-07 14:31:18 · 428 阅读 · 0 评论 -
html和CSS基础学习(八)
overfolw:对溢出元素的处理(子元素的内容超出父元素) .box1{ width: 200px; height:200px ; background-color: red; /*overflow: auto;这个比较智能化可以自动调节滚动框*/ overflow: scroll; } .box2{原创 2017-09-23 20:39:12 · 354 阅读 · 0 评论 -
html和CSS基础学习(九)
浮动二1:浮动的元素不会覆盖文字,文字会放在周围。2:元素设置浮动(会脱离文档流),块元素脱离文档流会被内容撑开。内联元素脱离文档流——块元素布局图制作一个简单的div布局 *{ margin: 0; padding: 0; } .head{ width:80% ; height:100px; b原创 2017-09-23 20:47:52 · 384 阅读 · 0 评论 -
html和CSS基础学习(十)
高度塌陷问题在文档流中父元素高度被子元素撑开的,如果子元素浮动就会造成父元素的高度塌陷。正常状态:塌陷状态: /*在文档流中父元素高度被子元素撑开的*/ .box1{ border: 10px red solid; } .box2{ height:100px ; width: 100px;原创 2017-09-23 20:52:49 · 352 阅读 · 0 评论 -
html和CSS基础学习(十一)
导航条的练习 *{ margin: 0; padding:0 ; } .sn{ list-style: none; /*去掉列表的*号*/ /*设置背景颜色*/ background-color: #6495EB; /*解决父元素的塌陷问题*/ overflow: hid原创 2017-09-23 20:57:49 · 391 阅读 · 0 评论 -
html和CSS基础学习(十二)
清除元素的浮动和解决元素高度塌陷的问题Clear:left,right,both,none;表示清除元素浮动带来的影响;Both:清除对其影响最大的浮动元素,不是都清除一共三种方法,第一种直接使用overflow(但是会有一些副作用),zoom:1兼容IE6第二:添加一个DIV利用clear间接的解决。第三:使用伪类在CSS中解决 .box1{原创 2017-09-23 21:05:05 · 545 阅读 · 0 评论 -
html和CSS基础学习(四)字体的总结
字体的总结 字体的处理:包括首行缩进,居中对其方式,英文单词和字符首字符的大小写,字体的下划线,英文字体的字符的字体间距。字体设置:包括字体的颜色(color),字体倾斜(bold),字体的大小Px,em,%单位,字体,宋体等字体,还有字体间距。 格式 font:bold italic 20px/30px "微软雅黑";text-indent 属性规定文本块中首行文本的缩进原创 2017-09-07 21:32:11 · 3184 阅读 · 0 评论 -
html和css基础(五)盒子模型
盒子模型图片来自于:百度 body{ background-color:rgb(241,244,255) ; } .box1{ width: 200px; height: 200px; background-color:white ;/*盒子的内容区,我们写的文字都在这里面显示*/原创 2017-09-11 17:59:42 · 375 阅读 · 0 评论 -
html和CSS基础学习(十三)
(1)在网页制作中让box2和box3并排在一起使用可以 浮动,也可以使用外边距,当margin-top为负值可以向上移动。.box2{ width:200px; height:200px;原创 2017-10-09 18:13:07 · 612 阅读 · 0 评论 -
html和CSS基础学习(十四)
(1)图片素材。图片按钮的一个练习 a{ /*变成块元素*/原创 2017-10-09 19:31:15 · 298 阅读 · 0 评论 -
JS(十)
4:(1)DOM对CSS进行操作box1.style.width="400px";box1.style.height="400px";box1.style.backgroundColor="yellowgreen";//JS改变的样式会成为内联样式而覆盖当前样式表的样式; 但是如果样式表使用!important,则不能被覆盖;原创 2017-11-29 22:46:41 · 299 阅读 · 0 评论