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

Css初步认识

时间:2017-06-27 20:53:37      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:pad   背景   伪类   cascading   样式   初步   link   css   派生   

css
 美化页面
 cascading style sheet
 层叠样式表

 css语法:
  选择器{ css属性名:属性值;css属性名:属性值;}
 css引入方式:
  方式一:内联样式表
   通过标签的style属性来引入 <xxx style="css属性名:css属性值"  />
  方式二:内部样式表
   通过head的子标签style引入
  方式三:外部样式表
   通过head的子标签link引入
 css选择器:
  id选择器
   html:需要标签上 给一个id属性值 必修赋值 <xxx id="x"/>
   css:以#打头x   #x{...}
  class选择器
   html:需要在标签上 给一个class属性 必须赋值 <xxx class="y"/>
   css:以.打头y  .y{...}
  元素选择器
   html:<xxx />
   css:xxx{...}
  属性选择器
   html:需要在标签上 随意随便 给一个属性值 <xxx zzz="z" />
   css:xxx[zzz=‘z‘]{...}
  伪类选择器
   锚伪类选择器

  派生选择器
   分组选择器
    选择器1,选择器2
    节约代码
   后代选择器
    父选择器 后代选择器
    在父选择器的基础上值 在其后代中选中符合第二个选择器的元素
 css属性:
  文本属性:
   颜色 对齐方式 样式
  文字属性:
   大小 风格 粗细
  背景相关属性:
  边框属性:
  border:1px solid red;
    宽度 实心 颜色
  宽度属性
  高度属性:
  浮动属性清除浮动属性
  display:
   控制选中的元素显示与否 和显示的样式
   none:不显示  online  一行显示 block 作为块级元素显示前后带有换行符
        盒子模型:
   margin
   padding:

Css初步认识

标签:pad   背景   伪类   cascading   样式   初步   link   css   派生   

原文地址:http://www.cnblogs.com/outsidersblogs/p/7086925.html

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