枯桑 - 博客园

2018年10月15日

摘要： javascript 前台语言运行在客户端前段的三个层次： 1、html 结构层 2、css 表示层 3、js 行为层变量可以改变的量，往往用英文字母代替变量并且区分大小写。变量的定义（声明):var+字母变量的用途：变量其实是一个容器，起到临时存储数据的作用。通过=进行赋值 js语言的阅读全文

posted @ 2018-10-15 19:48 枯桑阅读(119) 评论(0) 推荐(0) 编辑

浏览器的差距

摘要：浏览器浏览器默认字体是16px，谷歌的最小字体是12px，其他的是10px。 HACK Hack就是针对不同的浏览器去写不同的HTML、CSS样式，从而让各浏览器能达到一致的渲染效果。 Hack分两种写法 Html的hack：写在html的标签中 Css的hack：写在css的样式中 Html h 阅读全文

posted @ 2018-10-15 10:32 枯桑阅读(134) 评论(0) 推荐(0) 编辑

2018年10月10日

布局

摘要：布局 1、流式布局（float+margin） 2、定位（position：relative ，position：absolute；position：fixed） 3、双飞翼布局（中间固定，两端自适应） 4、圣杯布局（中间自适应，两端固定） 5、弹性盒子布局全称弹性和模型，是由父级的弹性容器和子级阅读全文

posted @ 2018-10-10 20:40 枯桑阅读(173) 评论(0) 推荐(0) 编辑

浏览器的前缀

摘要：浏览器和浏览器的差距是由浏览器自身的内核决定的每个浏览器都有自己的前缀，主要解决css3中的兼容问题例如：谷歌（Chrome）浏览器的前缀：webkit 火狐（firefox）浏览器的前缀：-moz- IE浏览器的前缀：-ms- 欧朋（opera）浏览器的前缀：-o- 国内浏览器的内核是谷歌阅读全文

posted @ 2018-10-10 19:57 枯桑阅读(1320) 评论(0) 推荐(0) 编辑

单位

摘要： 1、px 像素单位 2、em单位用父级元素大小乘以em前面的数字，如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。 3、rem单位只跟根节点（html）的字体大小有关，如果没有默认就是16 4、line-height 行高举例：line-height：2；意思是阅读全文

posted @ 2018-10-10 19:50 枯桑阅读(116) 评论(0) 推荐(0) 编辑

补充属性及标签

摘要：去滚动条的属性 overflow:hidden; 水平超出的隐藏 overflow-x:hidden; z-index 层次叠加元素重叠谁的值大谁在上面 1、父级出现position:relative；时候z-index失效 2、层叠元素出现float的时候会失效 3、层叠元素也得设置posit 阅读全文

posted @ 2018-10-10 19:38 枯桑阅读(149) 评论(0) 推荐(0) 编辑

margin对布局的影响

摘要：双飞翼布局：中间固定，两端自适应圣杯布局：中间自适应，两端固定 margin是外边距，属性值是数字，数字又分正负整数：margin：20px；说明上、右、下、左外边距都是20px；负数：　在static元素中（标准流下）margin-left为负数当前元素向左走，margin-top为负数当前阅读全文

posted @ 2018-10-10 17:27 枯桑阅读(717) 评论(0) 推荐(0) 编辑

rgb 、rgba和opacity

摘要： Rgb()颜色的表示方法值是0-255如background:rgb(12,15,16); Opacity表示透明度值是0-1； Rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1；但是ie低版本不支持。 rgb和opac 阅读全文

posted @ 2018-10-10 17:04 枯桑阅读(362) 评论(0) 推荐(0) 编辑

2018年9月28日

雪碧图以及title中小图标的显示

摘要： background-position(雪碧图）我们的html和css中有三个属性可以向服务器发送请求（src、href、url）为什么使用雪碧图？因为我们使用雪碧图之后，本来需要多次请求的图片，我们一次就请求过来。 overflow (超出） 1、值hidden:超出就隐藏 2、值scrol 阅读全文

posted @ 2018-09-28 20:46 枯桑阅读(739) 评论(0) 推荐(0) 编辑

2018年9月27日

表单 FORM

摘要：表单 form <form action="" method=""> action(提交的位置） method（提交的方式）提交的方式有两种： post：加密在http中的一个body对象上提交的 get：是在http的url上提交不加密文本框标签<input type="text"/> 密码框阅读全文

posted @ 2018-09-27 07:50 枯桑阅读(105) 评论(0) 推荐(0) 编辑

江山如画

公告