2018年7月2日
03、JQuery（选择器）
摘要： 一、id选择器 $("#test")； 二、类选择器 $(".test"); 三、Jquery中样式设置和DOM中样式设置的区别 原生javascript实现边框样式 $(".aaron").css("border", "3px solid red"); JQuery中不需要for循环，因为已经内置 阅读全文
posted @ 2018-07-02 14:59 HlRock 阅读(87) 评论(0) 推荐(0) 编辑
01、JQuery使用
摘要： 一、第一步：引入jquery 二、第二步：使用jquery 阅读全文
posted @ 2018-07-02 14:52 HlRock 阅读(69) 评论(0) 推荐(0) 编辑
02、JQuery（DOM对象和JQuery对象）
摘要： jQuery对象和DOM对象 jQuery对象转化成DOM对象 1、HTML代码： DOM对象转化成jQuery对象 1、HTML代码 阅读全文
posted @ 2018-07-02 14:52 HlRock 阅读(94) 评论(0) 推荐(0) 编辑
2018年6月28日
CSS中float专题
摘要： float的讲解： 通过float，跳出了包裹自己的盒子，合盒子里面没有内容，那么height变为0；那么紧跟着本盒子的其他盒子就会往上移动，但是float后的元素并没有跳出文本流中，任然占有文本流的空间，其他盒子网上移动的过程中float后的内容就会去自动去拼接上移盒子中的内容，（但是两部分内容是 阅读全文
posted @ 2018-06-28 18:18 HlRock 阅读(148) 评论(0) 推荐(0) 编辑
2018年6月27日
隐性改变display类型
摘要： 有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外） 1. position : absolute 2. float : left 或 float:right 简单来说，只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display: 阅读全文
posted @ 2018-06-27 15:19 HlRock 阅读(91) 评论(0) 推荐(0) 编辑
CSS样式设置（水平居中、垂直居中）
摘要： 一、水平居中 .imgCenter{ text-align:center;} <div class="imgCenter"><img src="http://img.mukewang.com/52da54ed0001ecfa04120172.jpg" /></div> <div class="txt 阅读全文
posted @ 2018-06-27 15:15 HlRock 阅读(417) 评论(0) 推荐(0) 编辑
HTML的盒子模型（border和css的3种布局）
摘要： 上面是 border 代码的缩写形式，可以分开写： 1、border-style（边框样式）常见样式有： dashed（虚线）| dotted（点线）| solid（实线）。 2、border-color（边框颜色）中的颜色可设置为十六进制颜色，如: 3、border-width（边框宽度）中的宽度 阅读全文
posted @ 2018-06-27 13:52 HlRock 阅读(988) 评论(0) 推荐(0) 编辑
HTML的块状、内联、内联块状元素
摘要： 1、元素独占一行；2、元素的height、width、padding（行高）、margin（上下边距）都可设置3、宽度在不设置的情况下，和父元素的宽度一致 1、和其他元素都在一行上；2、元素的高度、宽度、行高及顶部和底部边距不可设置；3、元素的宽度就是它包含的文字或图片的宽度，不可改变。 1、和其他 阅读全文
posted @ 2018-06-27 10:40 HlRock 阅读(138) 评论(0) 推荐(0) 编辑
css继承、层叠、特殊性
摘要： 一、继承 1、什么是继承？ 允许样式不仅应用于某个特定html标签元素，而且应用于其后代。 2、并非所有的css样式都具有继承性？ 例如：　border:1px solid red; 在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线，而对于子元素span是没用起到作用的。 二 阅读全文
posted @ 2018-06-27 10:19 HlRock 阅读(80) 评论(0) 推荐(0) 编辑
2018年6月26日
css选择器
摘要： 1、内联式 、嵌入式、外部式 三种样式是有优先级：内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提：嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样，<link href="style.css" ...>代码 在<style type="text/css">...</st 阅读全文
posted @ 2018-06-26 18:11 HlRock 阅读(151) 评论(0) 推荐(0) 编辑
下一页