2018年6月29日
01-----JavaScript简介
摘要： Web前端有三层： HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户体验） HTML：从语义的角度，描述页面结构 CSS：从审美的角度，描述样式（美化页面） JavaScript：从交互的角度，描述行为（提升用户 阅读全文
posted @ 2018-06-29 11:53 王竹笙 阅读(123) 评论(0) 推荐(0)
21-----z-index
摘要： z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind 阅读全文
posted @ 2018-06-29 11:10 王竹笙 阅读(148) 评论(0) 推荐(0)
20-----定位 （Position）
摘要： 定位 定位有三种： 1.相对定位 2.绝对定位 3.固定定位 这三种定位，每一种都暗藏玄机，所以我们要一一单讲。 相对定位 相对定位:相对于自己原来的位置定位 现象和使用： 1.如果对当前元素仅仅设置了相对定位，那么与标准流的盒子什么区别。 2.设置相对定位之后，我们才可以使用四个方向的属性： to 阅读全文
posted @ 2018-06-29 11:03 王竹笙 阅读(266) 评论(0) 推荐(0)
19-----background
摘要： 先来讲讲颜色表示法 一共有三种：单词、rgb表示法、十六进制表示法 rgb:红色 绿色 蓝色 三原色光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。如果此项的值，是255，那么就说明是纯色： 黑色 阅读全文
posted @ 2018-06-29 09:50 王竹笙 阅读(246) 评论(0) 推荐(0)
2018年6月28日
18-----超链接导航栏案例
摘要： html css 阅读全文
posted @ 2018-06-28 16:25 王竹笙 阅读(157) 评论(0) 推荐(0)
17-----文本属性和字体属性
摘要： 文本属性 介绍几个常用的 文本对齐 text-align 属性规定元素中的文本的水平对齐方式。 属性值：none | center | left | right | justify 文本颜色 color属性 文本首行缩进 text-indent 属性规定元素首行缩进的距离，单位建议使用 em 文本修 阅读全文
posted @ 2018-06-28 15:50 王竹笙 阅读(263) 评论(0) 推荐(0)
16-----margin的用法
摘要： CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。 margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。 可能的值 Margin可以使用负值，重叠的内容。 Margin 阅读全文
posted @ 2018-06-28 15:30 王竹笙 阅读(314) 评论(0) 推荐(0)
15-----float（浮动）
摘要： 浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子： html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在 阅读全文
posted @ 2018-06-28 10:41 王竹笙 阅读(355) 评论(0) 推荐(0)
14-----块级标签和行内元素
摘要： 学习的初期，我们就要知道，标准文档流等级森严。标签分为两种等级： 行内元素 块级元素 比如h1标签和span，同时设置宽高，来看浏览器效果，那么你会发现： 行内元素和块级元素的区别：（非常重要） 行内元素： 与其他行内元素并排； 不能设置宽、高。默认的宽度，就是文字的宽度。 块级元素： 霸占一行，不 阅读全文
posted @ 2018-06-28 09:42 王竹笙 阅读(183) 评论(0) 推荐(0)
13-----标准文档流
摘要： 宏观的讲，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 标准文档流下 有哪些微观现象？ 1、空白折叠现象 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙，如 阅读全文
posted @ 2018-06-28 09:24 王竹笙 阅读(113) 评论(0) 推荐(0)