07 2016 档案

关于相对定位与绝对定位
摘要：1.相对定位：相对自身正常位置的偏移； position：relative； 1） top:10px; left:10px; 2） bottom:10px; right：10px; 两种情况如下所示（绿色块状为初始正常位置，橙色指的是给它相对定义后的位置）： 2.绝对定位：指相对于父元素的四个方向( 阅读全文
posted @ 2016-07-28 21:26 Chrisreen 阅读(888) 评论(0) 推荐(0)
一些常用但不平凡的CSS属性
摘要：写在前面的话： css3 的学问大着呢 border-radius属性实现画圆： 画圆角时，border-radius设的是border的R角，R角越大越圆； 画圆时，宽与高相等，border-radius>=1/2(宽或高)时即可： 例：width:200px; height:200px; bor 阅读全文
posted @ 2016-07-27 23:08 Chrisreen 阅读(453) 评论(0) 推荐(0)
HTML学习笔记16——尺寸的表示_px、%、em三种
摘要：1.像素表示： 23px 2.子像素可以用百分比表示其大小，如50%，表示为父元素的一半 如果块状子元素的宽度不指定，默认是占满父元素的宽度； 3.用em表示字体大小时，表示相对大小，是与父元素的比值： 1em表示与父元素的字体大小相同； 0.5em表示是父元素的字体大小的一半； 2em表示是父元素 阅读全文
posted @ 2016-07-27 22:40 Chrisreen 阅读(2299) 评论(0) 推荐(0)
HTML学习笔记14——HTML 有语义的标签3_字符实体
摘要：8.字符实体 在 HTML 中，某些字符是预留的。比如，在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。 一般格式： &entity_name; 或 阅读全文
posted @ 2016-07-26 21:41 Chrisreen 阅读(197) 评论(0) 推荐(0)
HTML13_有语义的标签2_a标签（超链接，锚点，伪类）
摘要：5.关于超链接（W3chool a标签用法介绍：http://www.w3school.com.cn/tags/tag_a.asp） （1）所有浏览器都支持 <a> 标签。 （2）在html4.01 与 html5.0之间的差异： 在 HTML 4.01 中，<a> 标签可以是超链接或锚； 在 HT 阅读全文
posted @ 2016-07-20 21:44 Chrisreen 阅读(757) 评论(0) 推荐(0)
HTML学习笔记12——HTML 有语义的标签1（h,p标签，img标签，列表，表格_制作课程表）
摘要：1. h标签和p标签 h标签只有6个，h1~h6, 表示1到6号标题，其中h1的字体最大。 p标签表示段落，如果用在新闻里面，一般用于写正文部分。 2. img 标签 <img>标签是一个空标签，没有闭合标签</img>; 需要自闭合，基本用法： <img src="url" /> 延伸用法： <i 阅读全文
posted @ 2016-07-18 22:46 Chrisreen 阅读(738) 评论(0) 推荐(0)
HTML学习笔记11——CSS 初始化
摘要：一、为啥要初始化？ 不同的浏览器对CSS的初始化不同，就会造成不同的效果。 因此每次新开发网站或新网页时候我们通过初始化CSS样式的属性，为我们将用到的CSS或html标签更加方便准确，为我们节约网页代码，节约网页下载时间；还会使得我们开发网页内容时更加方便简洁，不用考虑很多。 二、需要初始化的地方 阅读全文
posted @ 2016-07-17 14:39 Chrisreen 阅读(449) 评论(0) 推荐(0)
HTML学习笔记9——CSS精确控制背景图片位置——background-position
摘要：1.background-position 还可以进一步定义 x,y 方向的靠左、靠右，居中等。 background-position：center top； 图片靠中上； background-position：right bottom； 图片靠右下； 2.多个div使用同一个背景图片时，可通过 阅读全文
posted @ 2016-07-17 10:40 Chrisreen 阅读(3617) 评论(0) 推荐(0)
HTML学习笔记8——CSS设置背景图片
摘要：注意点： background：blue； 与 background-color：blue； 不一样！ 一、关于background设置： 1）background：blue； 2）background-image：url(图片名称)； 当背景既有颜色，又有图片时，哪个在后面哪个就生效，如下例所示； 阅读全文
posted @ 2016-07-14 22:45 Chrisreen 阅读(841) 评论(0) 推荐(0)
CSS控制文字的一些基本属性的使用
摘要：CSS控制文字的一些基本属性的使用： 一、CSS控制段落： 段落缩进：text-indent:20px; 文字方向：text-align:center; 文字修饰：text-decoration：underline；下划线 overline;上划线 Line-though;删除线 字与字之间的距离： 阅读全文
posted @ 2016-07-13 21:28 Chrisreen 阅读(3708) 评论(0) 推荐(0)
HTML学习笔记5——盒模型(这里有棵圣诞树。)
摘要：盒模型：3个距离的区分 a: margin(外边距) b: border(内边距) c: padding(内边距) 一个盒子的大小： width==width+(margin-left+margin-right)+(border-left+border-right)+(padding-left+pa 阅读全文
posted @ 2016-07-10 15:50 Chrisreen 阅读(682) 评论(0) 推荐(0)
前端初步
摘要：写在前面的话： 关于前端的一些入门以及必备，下边是我的理解，如果有错误，不到位的地方请谅解、指出。 更新于 2017/11/07 前端基础技能： 一、HTML 二、css 三、js 必备技能： git/svn的使用； 进阶技能： 面向对象编程； 入门学习资料： w3c，菜鸟教程等； 坚持学习： gi 阅读全文
posted @ 2016-07-06 22:46 Chrisreen 阅读(285) 评论(0) 推荐(0)
sublime 安装工具包步骤
摘要：写在前面的话： 初次使用时，记录下来的步骤。 一、开发工具：sublime text3; 1.官网：http://www.sublimetext.com/3 下载后不用安装就直接可以用了，不过，需要对其安装一些常用的插件。 首先你需要安装Package Control，安装方式可参考如下链接：htt 阅读全文
posted @ 2016-07-06 22:02 Chrisreen 阅读(1020) 评论(0) 推荐(0)
我的前端学习历程
摘要：我是在网易云课堂上看到了老师的HTML课程，额，虽然是2013年发布的，但是，非常不错。http://study.163.com/course/courseMain.htm?courseId=432008 之后今天加了老师的微博，看到以下文章，是关于学习PHP的： 先来看看老师的回答：http:// 阅读全文
posted @ 2016-07-06 00:14 Chrisreen 阅读(167) 评论(0) 推荐(0)
时隔2月，我的第二篇
摘要：电脑硬盘换新，许多未完之事尽被搁置。 期间，适逢端午佳节，出去旅游了些天，重庆，九寨，成都。。。 好在相比第一次的不清楚方向来说，虽然现在还未辞职找新，但我现在已经确定好方向。重装系统之后，心灵都仿佛被刷新一般。哈！ 我刚好来深圳2年了。2014/7/4我来到深圳，蓝蓝的天空，炎热的夏季，人头攒动。 阅读全文
posted @ 2016-07-05 20:54 Chrisreen 阅读(143) 评论(0) 推荐(0)