码迷,mamicode.com
首页 > Web开发 > 详细

css基础样式

时间:2019-04-01 17:20:25      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:样式   属性   一个   逗号   大于   选择器   行间样式   class   class选择器   

 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基础样式

标签:样式   属性   一个   逗号   大于   选择器   行间样式   class   class选择器   

原文地址:https://www.cnblogs.com/awdsjk/p/10637237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!