css基础样式

1.行间样式:在标签中添加<style>属性
      格式:标签名 style="样式:样式值1;样式2=样式值2"
   2.内嵌样式:在<head></head>标签中添加一个<style></style>标签
      将样式写在<style>标签中.
      选择器:基础:需要给标签设置id属性或者class属性
      1.id选择器:必须要给标签设置id属性,id属性是唯一的,例如:
      id="ws1"
          <style>
           #ws1{
            样式1:样式值1;
            样式2:样式值2;
           }
          </style>
      2.class选择器:必须要给标签设置Class属性
        class:代表一类,例如:
        class="pp"
          <style>
           .pp{
            样式1:样式值1;
            样式2:样式值2;
           }
           </style>
      3.元素(标签)选择器:
              <style>
          元素名(标签名){
            样式1:样式值1;
            样式2:样式值2;
           }
           </style>
     4.1.选择器之间的关系:
       并列关系:选择器1,选择器2共享样式 必须用逗号分隔!!!!
       选择器1,选择器2{
            样式1:样式值1;
            样式2:样式值2;
       2.父子关系:用空格来分隔!!!!!!
        选择器1 选择器2{
          样式1:样式值1;
          样式2:样式值2;
     }
     选择器之间的优先级:
      id选择器大于>class选择器大于>元素(标签)选择器
      
  3.外部引入:需要新建一个后缀名为css的文件
    然后在html文件里的head中用link标签引入css文件
    格式<link src="css文件的路径">

上一篇:一、CSS的基础样式


下一篇:day13_H5_CSS_1