笔记

Posted 2020-07-10 binperson

webstorm中html文件中使用Alt+Ctrl可以包住已选文字

Base.css（基本样式） global.css (全局样式)  index.css

outline-style：none去掉输入蓝边框

textarea{resize：none;}防止拖动

img{border:0;vertical-align:middle;}去掉图片底侧3像素空白缝隙，display：block也可以

table{border-collapse:collapse;}合并边框

s,i,em{font-style:normal;text-decoration:none;}

i

<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

<i> 标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时，请使用 <i> 元素。其他语义的元素如下：

• <em> （被强调的文本）
• <strong> （重要的文本）
• <mark> （被标记的/高亮显示的文本）
• <cite> （作品的标题）
• <dfn> （一个定义项目）
• 在 HTML 4.01 中，<i> 标签呈现斜体的文本。然而，在 HTML5 中没有必要这么做，可以使用样式表来格式化 <i> 元素中的文本。

i
{
    font: 400(不要用bold，它是700) 15px/15px（字体大小/行高） "宋体";
}

s

<s> 标签对那些不正确、不准确或者没有用的文本进行标识。

<s> 标签不应该用来定义替换的或者删除的文本。如果要定义替换的或者删除的文本，请使用 <del>标签。

在 HTML 4.01 中，<s> 元素 已废弃，用来给文本加删除线。

HTML5 重定义了 <s> 元素，现在是被用来定义那些不正确的文本。

.one>ul>li*10>a

最好的清除浮动

.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}

h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}和父级一样高

 

/*公共类*/
.w {  /*版心 提取 */
    width: 1210px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}

.fl+.fr按tab

clss错误，类名错误

<link rel="shortcut icon" href="favicon.ico" />

S del 删除线

I em 倾斜

U ins 下划线

字体加粗 font-weight: 700;

让字体不加粗: font-weight:normal;

字体倾斜: font-style:italic; 不用

字体不倾斜： font-style:normal;

不下划线 不删除线: text-decoration: none;

定位： position：static; 静态定位 约等于标准流

浮动的不浮动: float:none; none left right

定位的不定位: position: static; absolute relative fixed

div+span

div>span

div*10

半透明图片

清浮动：

1，额外标签法

2，Overflow:hidden 触发bfc模式就不用清除浮动

3，伪元素

.clearfix:after{

  content:””;

  Visibility:hidden;

  Display:block;

  Height:0;

  clear:both;

}

.clearfix{   //ie6

  Zoom:1;

}

清浮动：闭合浮动

4.双伪元素

.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}

谷歌不支持12px以下的