美文网首页我爱编程
html常用标签和常用的css

html常用标签和常用的css

作者: exmexm | 来源:发表于2017-05-09 14:29 被阅读0次

    一、超文本标记语言
    Hyper text Markup Language

    关于表格的HTML的标签

    1.后缀名一般是.html / .htm

    关于超链接的HTML标签
    <a href - ""></a>

    <table>
    <tr>
    <th></th>
    <th></th>
    </tr>
    <td></td>
    <td></td>
    <td></td>
    <tr>
    </tr>
    </table>

    <form>

    <textarea></textarea>
    <select>
        <option></option>   
    </select>
    <input type="text">
    <input type="password">
    <input type="checkbox">
    <input type="radio">
    <input type="submit">
    <input type="reset">
    <input type="button">   
    

    </form>


    二、CSS:层叠样式表

    Cascading Style Sheets

    --定义了HTML元素怎么去显示
    --一般存储在样式表中
    --利用外部样式表可以提高工作效率
    --通过CSS可以使得HTML文档用不同的方式显示。

    当多于一种指定的样式,选定样式的优先级(从低到高):
    1、浏览器默认的(Broser default)
    2、外部样式表(Extenal Style sheet)
    3、内嵌样式表(Internal style sheet)
    4、行内样式(在一定的HTML元素内)(Inside Style)

    构成:

    一个选择器、一个属性和一个值
    --selector{proprty:value}
    选择器是你希望去定义的HTML元素、标签。
    如果只是多个单词要用双引号括在一起。
    而多个属性之间则是用分号隔开。
    可以将选择器进行组合,用逗号隔开,
    h1,h2,h3{color:green}

    --用选择器类可以将同一类型的HTML元素定义出不同的样式。
    比如想定义
    一种右对齐的段落和一种居中对齐的段落
    p.right{text-align:right}
    p.center{text-align:center}
    注:必须在你的HTML文档中使用类属性,才能显示出效果。
    如:
    <p class="right"></p>
    <p class="center"></p>
    注:每一个HTML元素只能有一个类属性(规范)

    --可以省略标签名称直接去定义,这样子就可以在所有的HTML元素中
    使用了。
    如下则可以使所有带class="center"的元素居中文字:
    .center{text-align:center}
    注:实心点是不可以忽略的
    注:类名、id名不要用数字开头,否则其他浏览器会不适用。
    引用外部文件:
    <link rel="stylesheet" type="text/css" href="filesrc">
    --内嵌:
    <style type="text/css"></type>

    --使用id选择器可以为不同的HTML元素定义相同的样式。
    下面的样式规则对任何一个带有id属性值为"greeen"的元素都是匹配的。

    green{color:green}

    上面的规则将得到如下使用:
    <h1 id="green"> Some Text</h1>
    <p id="green" > Some Text</p>

    --行内样式
    使用行内样式就失去样式表的优势,即将内容和形式相互混淆了。一般这类方法在个别元素需要改变样式时的时候使用。
    在相关的标签内用style属性来加入行内样式。样式可以包含任何CSS的属性。
    例如:
    <p style="color:red; margin-left:20px">This is a red paragraph.</p>
    注:带单位的值不能和数字隔开。

    如果页面有内嵌表样式表的同时又链接到外部样式表的话,h3的属性将会变为
    内部定义的样式加上(内部没有定义的却在外部样式表定义了的 )
    同理(行内、内嵌的)

    相关文章

      网友评论

        本文标题:html常用标签和常用的css

        本文链接:https://www.haomeiwen.com/subject/xjobtxtx.html