web前端的css基础01

来源:互联网 发布:软件招标书 编辑:程序博客网 时间:2024/06/06 08:32
结构
     html:结构层,相当于人体骨骼
    CSS:层叠样式表,描述层。主要为标签设置样式,相当于人的衣着服饰

    Javascripr :行为层,相当于人的行为特征

 CSS样式表
     内联样式表
         在标签内设置,范围小只在本标签内有用      style="color=red;......"
       
     内部样式
         在<head>里面<title>下面设置,范围中等,只在本html页面中有用    <style type="text/css"> ..............</style>
       
     外部样式
         在本目录中新建一个css文件,范围最大在整个工程都有用
  
     优先级
        内联样式表最高,若有重复的则只执行内联样式表的样式
         外部和内部样式表是同等优先级,主要看谁先调用

选择器

 1.   标签选择器
        p{...} h{....}
 2.   id选择器
       .d1{.....}
 3.   类选择器
       #d2{.....}
 4.   后代选择器
      #ul li{....}
 5.   子元素选择器
      父类>子类 指的是儿子
 6.   交集选择器
      ul.li{.....}
  7. 并集选择器
      ul1,ul2{.......}
 8.   兄弟选择器
     相邻兄弟:选择器1+选择器2
     通用兄弟:选择器1~选择器2
 9. 序选择器
      first-child  last-child  nth-child第几个
 10. 属性选择器
    first-child-type 同类型第一个
  11. 通配符
      *{.....} 性能差,基本不用

0 0
原创粉丝点击