html 零散问题

1、iconfont的使用

https://www.cnblogs.com/yujihang/p/6706056.html

2、阴影效果比较

box-shadow:0 0 6px #000 inset;

box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;

3、

.projectBlock + .projectBlock的优先级会比.firstBlock高，所以我们需要改成.projectBlock.firstBlock

4、col-md-2 每格占16.67%，col-md-3 每格占25%

5、$('#wizard').smartWizard是怎么调用的

6、$.fn  $.data(

7、colorAdmin的checkbox如果id一样，则只能选中第一个复选框

 

8、

.operation a + a{
    margin-left:6px;
}

不能写成

.operation a + .operation a{
    margin-left:6px;
}

9、设置div内容垂直居中必须要用line-height，设置得和高度相同，那个垂直居中属性没用

    height:36px;
    vertical-align: middle;-》没用的
    line-height: 36px;

10、form里面再放一个form会有提示说找不到标签，不晓得能不能获得到序列化

 

11、大号按钮

 <a href="javascript:;" class="btn btn-primary btn-lg">查看项目</a>

 

12、鼠标移上去变成小手

cursor: pointer;

如果选中的区域有其他文本，当你的小手放在这些文字上，会变成指针

 

13、

css中“~”是:

为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景：

p~ul{

　　background:#ff0000;

}

14、

 <p>快乐生活</p>

<ul>

　　<li>生活</li>

　　<li>生活</li>

　　<li>生活</li>

</ul>

p~ul 选择前面有 <p> 元素的每个 <ul> 元素。

定义和用法

　　p~ul选择器 p之后出现的所有ul。

　　两种元素必须拥有相同的父元素，但是 ul不必直接紧随 p。

 

15、

css中“>”是:

　　css3特有的选择器，A>B 表示选择A元素的所有子B元素。

　　与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。

 .a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝；

 

16、这种感觉是不是好很多啊

谷歌和edge都不支持在富文本编辑器中粘贴图片

 

17、

文本框点击后会出现蓝色边框，这是元素默认携带的元素，需要设置如下样式覆盖：

outline: none;

 

18、

如果要设置背景图片，那么需要加上以下CSS样式，防止图片尺寸不符导致展示错误

    background-size: cover;

如果没有加上面那句话，那么在图片过小时，会出现多张重复图片覆盖整个屏幕。

 

19、

单斜杠与双斜杠的区别，

background: url(/files-cdn.cnblogs.com/files/syjp/hard.gif) fixed;

20、

渲染后地址如下：
    https://www.cnblogs.com/files-cdn.cnblogs.com/files/syjp/hard.gif

而变成双斜杠，就是  https://files-cdn.cnblogs.com/files/syjp/hard.gif

 

21、

代表item下面的span互相之间隔开，不能写成    .item span + .item span

    .item span + span {
         margin-left:20px;
     }