九涅 - 博客园

元素大小

摘要：阅读全文

posted @ 2019-06-11 09:41 九涅阅读(101) 评论(0) 推荐(0) 编辑

PC小屏、笔记本、pad横屏、pad竖屏、Firefox、Edge的CSS3媒体查询

摘要： @media screen and (max-width:1600px) and (min-width:1367px) { /* 小屏PC */}@media screen and (max-width:1366px) and (min-width:992px){ /* 笔记本 */} @media 阅读全文

posted @ 2019-06-10 09:41 九涅阅读(528) 评论(0) 推荐(0) 编辑

摘要： /*盒子布局*/ .topLeft{ display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:box; -webkit-box-pack:start; -moz-box-pack:start; -ms-flex-pack:start; box-pack:start; -webkit-box-align:sta... 阅读全文

posted @ 2019-06-10 09:27 九涅阅读(139) 评论(0) 推荐(0) 编辑

defaultView与currentStyle的区别_获取CSS样式值

摘要： 1 2 3 4 5 测试 6 11 12 13 14 点我 15 16 17 34 阅读全文

posted @ 2019-05-29 16:17 九涅阅读(179) 评论(0) 推荐(0) 编辑

document.defaultView.getComputedStyle

摘要：我们在使用js过程中，有时候需要获取对象的宽度，如果对象本身是由内容撑开。宽度未知的情况，有一个强大的方法document.defaultView.getComputedStyle()可以获取对象的css样式；他返回的是一个CSS样式对象。阅读全文

posted @ 2019-05-28 21:55 九涅阅读(288) 评论(0) 推荐(0) 编辑

只为IE11+写样式

摘要： @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {} 阅读全文

posted @ 2019-05-24 09:57 九涅阅读(664) 评论(0) 推荐(0) 编辑

控制select标签中的默认选项的样式

摘要： <script type="text/javascript"> $(function () { var unSelected = "#C0C0C0"; var selected = "#424242"; $(function () { $("select").css("color", unSelec 阅读全文

posted @ 2019-05-24 09:55 九涅阅读(659) 评论(0) 推荐(0) 编辑

控制input标签和textarea标签中的placeholder特性值

摘要： input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {;}input:-moz-placeholder, textarea:-moz-placeholder {}input::-moz-placeholder, 阅读全文

posted @ 2019-05-24 09:51 九涅阅读(571) 评论(0) 推荐(0) 编辑

vim文本替换命令

摘要：在VIM中进行文本替换： 1. 替换当前行中的内容： :s/from/to/ （s即substitude） :s/from/to/ ：将当前行中的第一个from，替换成to。如果当前行含有多个 from，则只会替换其中的第一个。 :s/from/to/g ：将当前行中的所有from都替换成to。阅读全文

posted @ 2018-08-17 16:39 九涅阅读(166) 评论(0) 推荐(0) 编辑

writing-mode 属性：改变文本横纵方向

摘要：改变CSS世界纵横规则的writing-mode属性阅读全文

posted @ 2018-04-15 14:59 九涅阅读(175) 评论(0) 推荐(0) 编辑

table-layout 属性

摘要：实例设置表格布局算法：注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。所有浏览器都支持 table-layout 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。所有浏阅读全文

posted @ 2018-04-15 14:27 九涅阅读(205) 评论(0) 推荐(0) 编辑

backface-visibility 属性：隐藏被旋转的 div 元素的背面

摘要：定义和用法 backface-visibility 属性定义当元素不面向屏幕时是否可见。如果在旋转元素不希望看到其背面时，该属性很有用。语法 backface-visibility: visible|hidden; 值描述 visible 背面是可见的。 hidden 背面是不可见的。语法阅读全文

posted @ 2018-04-15 14:15 九涅阅读(1393) 评论(0) 推荐(0) 编辑

HTML 5 全局 contenteditable 属性

摘要：定义和用法 contenteditable 属性规定是否可编辑元素的内容。例子属性值阅读全文

posted @ 2018-04-14 15:16 九涅阅读(174) 评论(0) 推荐(0) 编辑

forEach()方法

摘要：一、定义和用法 forEach( )方法用于调用数组的每个元素，并将元素传递给回调函数。二、注意 forEach( )方法对空数组是不会执行回调函数的。三、语法 array.forEach(function(currentValue,index,arr),this.Value) 四、参数五、d 阅读全文

posted @ 2018-03-19 09:42 九涅阅读(787) 评论(0) 推荐(0) 编辑

使用css选择器用一个div控制其他div 产生交互行为

摘要：必须是父子关系阅读全文

posted @ 2018-03-12 11:54 九涅阅读(283) 评论(0) 推荐(0) 编辑

判断IE版本的HTML语句详解，如：[if lte IE 9]……[endif]

摘要：我们常常会在网页的HTML里面看到形如[if lte IE 9]……[endif]的代码，表示的是限定某些浏览器版本才能执行的语句，那么这些判断语句的规则是什么呢？请看下文：  除IE外都可识别  <!--[if IE]> 所有的I 阅读全文

posted @ 2018-01-15 11:16 九涅阅读(240) 评论(0) 推荐(0) 编辑

<meta http-equiv="X-UA-Compatible" content="IE=edge">是什么？

摘要： X-UA-Compatible是IE8的一个专有<meta>属性，它告诉IE8采用何种IE版本去渲染网页。在html中的<head>标签中可以使用。是什么要用X-UA-Compatible? 在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高的浏览器，所以使用X-UA-Compatible 阅读全文

posted @ 2018-01-14 09:23 九涅阅读(395) 评论(0) 推荐(0) 编辑

怎样让浮动的子DIV自动撑大外边的父级DIV

摘要：一般我们需要一个浮动的子DIV不跑出父级DIV时，都会想到给父级的DIV一个固定的高宽，但这样做的前提是必须知道子DIV的高宽和个数，这样才好计算出父级DIV的高宽来。但是在一些情况下，我们根本无法知道子DIV的个数，这时就会出现子DIV跑到父级DIV的外边去了。如图：看到没有，上图中下边两个DI 阅读全文

posted @ 2017-12-09 01:54 九涅阅读(2238) 评论(1) 推荐(0) 编辑

解决display:inline-block的间距问题

摘要： https://www.iyaxi.com/2016-06-30/1019.html 阅读全文

posted @ 2017-11-30 17:58 九涅阅读(265) 评论(0) 推荐(0) 编辑

布局：position的默认值是哪个？共有几个值？

摘要：定义和用法 position 属性规定元素的定位类型。说明这个属性定义__建立__元素布局__所用的__定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏生成绝对定位的元素，相对于 static 定位阅读全文

posted @ 2017-11-30 14:25 九涅阅读(9192) 评论(0) 推荐(0) 编辑