html零散知识

# iconfont的使用

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

# 阴影效果比较

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

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

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

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

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

# $.fn $.data(

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

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

不能写成

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

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

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

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

# 大号按钮

# 鼠标移上去变成小手

cursor: pointer;

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

css中“~”是:

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

p~ul{

　　background:#ff0000;

}

<ul>

</ul>

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

定义和用法

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

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

css中“>”是:

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

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

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

# 这种感觉是不是好很多啊

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

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

outline: none;

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

background-size: cover;

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

单斜杠与双斜杠的区别，

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

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

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

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

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

猜你喜欢