随笔分类 -  HTML,CSS拾遗

前端解决跨域问题(转)
摘要：原文：http://www.cnblogs.com/JChen666/p/3399951.html 1.同源策略：同IP，同域名，同端口，同协议 2. 前端解决跨域问题 1> document.domain + iframe (只有在主域相同的时候才能使用该方法) 1) 在www.a.com/a.h 阅读全文
posted @ 2019-09-14 09:46 ganiner 阅读(220) 评论(0) 推荐(1)
盒子模型以及css3指定盒子模型种类的box-sizing
摘要：1.CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content 阅读全文
posted @ 2019-09-14 09:35 ganiner 阅读(750) 评论(0) 推荐(0)
如何居中浮动元素
摘要：方法一：给浮动添加一个父级元素 蓝色的con为砖红色box的“爸爸”，从图上我们可以很清楚的看到， con通过定位往左移了百分之五十。而box通过相对定位，定位在con的-50%的地方，即为正中心。 给子元素相对定位，是想将相对于父元素来定位自己的位置，float:left让子元素在同一水平线上显示 阅读全文
posted @ 2019-09-14 09:05 ganiner 阅读(462) 评论(0) 推荐(0)
CSS水平垂直居中常见方法总结(转)
摘要：行内元素： 父级元素是块级元素：父元素设置text-align:center 1.元素水平居中 居中不好使的原因： 1、元素没有设置宽度，没有宽度怎么居中嘛！ 2、设置了宽度依然不好使，你设置的是行内元素吧 实例1： 2.元素水平垂直居中 方案1：position 元素已知宽度 父元素设置为：pos 阅读全文
posted @ 2019-09-14 08:49 ganiner 阅读(160) 评论(0) 推荐(0)
JavaScript中in和hasOwnProperty的区别
摘要：in判断的是对象的所有属性，包括对象实例及其原型的属性； 而hasOwnProperty则是判断对象实例的是否具有某个属性。 以上代码执行的时候，name属性要么是从实例中获取的，要么是来源于原型，所以使用in 来访问 name属性始终返回true；而hasOwnProperty()只在属性存在与对 阅读全文
posted @ 2019-09-09 17:06 ganiner 阅读(353) 评论(0) 推荐(0)
rgba()和opacity的区别
摘要：opacity作用于元素，以及元素内的所有内容的透明度(元素会继承其属性)而rgba()只作用于元素的颜色或其背景色(设置rgba透明的元素的子元素不会继承透明效果) 1.未使用任何隐藏的情况 2.使用rgba和opacity元素的比较 阅读全文
posted @ 2019-09-05 09:27 ganiner 阅读(512) 评论(0) 推荐(0)
置换元素与非置换元素
摘要：置换元素 置换元素是指：浏览器根据元素的标签和属性，来决定元素的具体显示内容。例如：浏览器根据<img>标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。置换元素在其显示中生成了框，这也就是有的内联元素能够设置宽高的原因。html中的<img><input><textarea> 阅读全文
posted @ 2019-08-25 22:31 ganiner 阅读(218) 评论(0) 推荐(0)