中国名家字画网
通用头部广告

初学必看:html+css小总结

admin •  2013-06-22 14:13:51  • 

1、块级元素

<div> <h1> <hr /> <p> <pre> <ol> <ul> <li> <dl> <dt> <dd> <table> <tr> <td> <colgroup> <col> <form>等
会换行,想在同一行显示需浮动或者display: inline

2、行内元素

<span> <var> <a> <em> <img> <b> <i> <sub> <textarea> <select> <strong> <br />等
多个可以并排显示,默认设置宽度是不起作用的,需设置 display: inline-block或者block才行,或者加padding-left和padding-right。

3、常用符号

双引号"(&quot;) &(&amp;) >(&gt;) <(&lt;) 空格(&nbsp;)  版权 (&copy;) 注册商标 (&reg;) 乘号 (&times;)除号 (&divide;)

4、选择器

类选择器:<div class="a"></div>     css中:  .a{…;}

ID选择器:<div id="a"></div>        css中:  #a{…;}

后代选择器:<div class="a">
                 <div class="b"></div>
           </div>                  css中: .a空格.b{…;}

群组选择器:<div class="a"></div>

           <div class="b"></div>   css中:  .a,.b{…;}

标签选择器:<a>sds</a>              css中: a{…;}

5、css样式写法及优先级
外部样式表:
<head><link rel="stylesheet" type="text/css" href="mystyle.css" /></head>
内部样式表:
<head><style type="text/css"> hr {color: sienna;} </style></head>
内联样式:
<p style="color: sienna; margin-left: 20px"> This is a paragraph</p>

样式的继承:
子标记会继承父标记的样式

样式的优先级:
内联样式>内部样式>外部样式
浏览器内部也有一个默认的样式


转载请注明:中国名家字画网 » 初学必看:html+css小总结

收藏 分享到:

文章点评