css基础样式

Posted awdsjk

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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基础样式的主要内容,如果未能解决你的问题,请参考以下文章

CSS样式表--基础知识

CSS基础及选择器

css基础 基础知识

CSS基础

CSS---基础外部样式表

如何覆盖\编辑 Zurb Foundation 基础 CSS 样式?