like_jack的博客

1. text-shadow  向文本设置阴影  默认值是none  书写格式text-shadow ：水平阴影位置   垂直阴影位置  模糊的距离（可选）   阴影的颜色（可选）  ​    text-shadow: 5px 5px 5px #FF0000;        水平位置要是负值向左移动  正直相反  ​      垂直位置是负值向上面移动   

a. querySelector()方法返回文档中匹配到指定的css选择器的一个元素b. 要注意的是返回的nodeList集合中的元素是非实时的//dom<div id = 'box> <div class = 'inner-box'></div> <p class = 'inner-box'></p> <div class = 'inner-b

下图是div的实际位置 下图是图片的实际位置 显然图片的位置并不是我们所期待的。我们想让图片与div的位置吻合。原因在于img标签需要转成块级标签 具体深层次的原因我也不太清楚下面是解决办法// A.将没有吻合的img标签设置块元素img{display:block;}// B.或者把图片所在的父容器设置如下代码father-div{font-size:0;}

不折行一直显示横向会出现滚动条 #son{ width: 100px; height: 60px; white-space:nowrap; } <p id="son">我爱我的祖爱我的祖国我爱我的祖国我爱我的祖国爱我的祖国我爱我的祖国我爱我的祖国我爱我的祖国我爱我的祖国我爱我的祖国</p>单行显示有··· text-overflow属性仅是注

html<div class="inslmc-son"> <p class="inslmc-list">1）身份证明</p> <p class="inslmc-list">2) 保险合同凭据</p> <p class="inslmc-list">3) 确认保险事故的性质、他证明和资料</p> <p class="inslmc-list">4) 详细请

一、居中 1. margin设为auto，对浮动元素或绝对定位元素无效; 2. text-align:center 只能对图片，按钮文字等行内元素进行水平居中;（ie6,7中能对任何元素进行水平居中） 3. 已知固定宽高.out{ width:200px; height:200px; border:1px solid red; position:relat

为了语义化，我们可能会利用图片替换文字的方式来给我们的站点增色，举个栗子： <p>文字文字</p> p { text-indent: -2500px; // 小，在高分辨率宽屏下文字隐藏失败 //text-indent: -99999px; // 大，但可能存在性能问题，甚至被搜索引擎屏蔽 background: ur

就按我下面的复制就行，图片自己找一下吧。 choumei.min.css@charset "utf-8";*{margin:0;padding:0}html{height:100%}body{height:100%;background:url(../images/shouye_nvsheng_bg.png);background-size:100% 100%}#header img{width:

不要在调试工具内调试carousel-cell的宽度， 要在css样式表里改完在预览

用after before 定位时别忘记，写 content：‘’； ￥ 2999 起 价格说明 上面代码不加浮动那么这些标签会不被包含在div中。若不加浮动不写在一行效果中会有间隔。img不加display：block时也会不被包含在预定的div内。

弹出层写在了body内，body内还有另外两个div。本想给弹出一个绝对定位，但是发现body的实际高度比并不是全屏，因为有一个选项卡是经过点击之后显示的，body并没有包含这个被显示的选项卡，只是最初状态的值。 后来给把弹出层的绝对定位改为fixed就好了。就会覆盖全屏若是绝对定位覆盖的只是在选项卡没被显示的时候的高度了。 为啥当选项卡被显示的时候body的高度的高度为什么不会随着增高呢？

<h5 class="text-gradient">文字渐变颜色</h5><h5 class="gradient">文字渐变颜色</h5> .text-gradient { display: inline-block; color: green; font-size: 10em; ont-

1、DOCTYPE 影响 CSS 处理2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式4、div 的垂直居中问题: vertical-ali

max-width:设置最大宽度之后，其对象宽度将不超过此最大宽度值，一般设置变量的宽度，固定宽度就不能同时设置。值不能为负数，可以是百分数和具体数值。.set-max-w{border:1px solid red;max-height: 100px;max-width: 50px;}.set-min-w{border:1px solid red;margin-top: 200px; min-h

.navbar-nav .set-font-li a:hover{color: #389CFF;}注意级别关系，不然hover之后是不会变色的 .set-font-li a{color: #000;}应该这样写.navbar-nav .set-font-li a{color: #000;}

用jq做动画时 display预先设定none（css中），但在jq中设定时并不会有动画显示效果。但是用opacity设置0 （css中） jq中给1就可以

placeholder 属性是 HTML5 中的新属性。规定帮助用户填写输入字段的提示。兼容火狐和webkit，需要加上前缀（见下代码）。IE从IE 10开始支持placeholder属性。代码//谷歌#set-placeholder-webkit::-webkit-input-placeholder { color:#00f; background:red; t

这是字体图标库的地址阿里巴巴进入之后搜索要使用的图标，将鼠标移到上面点击购物车，收藏，然后创建一个项目，将其添加到项目中；最好一次讲所有的项目所需图标一次性下载，且要保留项目，不要随意删改，一遍项目更新迭代时再用；用了这三个文件，把他们放到项目里的一个文件夹内，然后引用iconfont.css到要使用的页面中；下面的是从阿里巴巴下载的已经收藏好的文件夹，里面的红色箭头已经指出具体的使用方法；

input是单行文本不能折行。多行文本要使用textarea

给img:display:block;

上图解决方法将inline-block换为block，不让其有行内元素就会将 label与select包含在阴影内。有时包裹在div内的图片也会存在这种情况，将div内的img转为block就ok了，因为他们的盒模型不一样。...