CSS初步

padding:top rigth bottom left 依次为padding的指定位置赋值

margin:top rigth bottom left 依次为margin的指定位置赋值

如果只写一个就是四个值相等

background-position:具体位置或者left top 左上角

font-style:italic 斜体 oblique也是斜体 nomal 正常

font-famaly:字体名字+字体名字(第一个字体系统没有就会自动设置为第二个)

font-weigth:bolder 字体粗细或者用具体数值100-900之间
line-heigth:行间距 行与行的垂直间距

font-variant:small-caps  例如 Abcd 之后的效果为ABCD A会更大一点

text-align:justify;两端对齐 这个在编辑文字时很常用

 text-decoration:line-through;删除线 underline 下划线 overline 上划线

text-transform:capitalize 首字母大写 uppercase 全部大写 lowercase 全部小写

a{color:red;}

a:hover{color:black;}

a:visited{color:blue}

css中的冲突问题

  1.如果定义了p{color:red} body p{color:blue} 这个是遵从后面的 因为选择更具体

  2.定义样式:p{color:red} p{color:blue} 这个是遵从后面的 如果把位置调换一下 总是遵从最后一个样式

  3.元素与类别(class):定义 p{color:red} p.one{color:blue} 有<div> <p class="one">yinwenle</p></div>

   这个是遵从有class的样式,class比标签的权重大

  4.class与id比较 :定义p#one{color:red} p.one{color:blue}<p id="one" class="one">yinwenle</p> 最后样式的颜色是red说明id的权重比class的大。

  5.id与style比较:定义p#one{color:red} <p id="one" style="color:blue">yinwenle</p> 最后的样式为style的蓝色说明style的权重最大。

你可能感兴趣的:(css)