美文网首页
HTML布局

HTML布局

作者: Shorebloom_59f6 | 来源:发表于2018-09-14 14:07 被阅读0次

    网站的布局一般使用css+div 来实现布局

    <div id = "" class= " ">
    

    1. CSS 中 id、class属性的区别

    1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。
    如: .css5{属性:属性值;} 选择器在html调用为“<div class="css5">我是class例子</div>
      .baobao { color: lime; background: #ff80c0 }
      使用方法:class="baobao"

    2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
    如一个CSS规则:
     #binbin { font-size: larger }
      使用方法:id="binbin"
    id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;

    3)css里的id用法与class用法一样,只是把class换成id。如例子:
    在CSS样式定义ID

         #css5 {height:25px; width: 200px;}
    

    调用ID :

         <div id="css5">我是ID例子</div>
    

    class是一个样式,可以套在任何结构和内容上,就象一件衣服。

    class可以反复使用而id在一个页面中仅能被使用一次

    id具有唯一性,而class是一个类,适用于可多次重复使用的容器

    相关文章

      网友评论

          本文标题:HTML布局

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