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

css样式表 格式与布局

时间:2016-11-20 06:39:39      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:z-index   float   广告   选择器   相对   显示   位置   ext   使用   

 

1 样式表  内联样式表  内嵌样式表  外部样式表

2 选择器 标签选择器 <style type="text\css"

 class 选择器  以.开头

 ID选择器 以#开头

  复合选择器   1 以,隔开的 表示并列   2 用空格隔开的 表示后代    .class p /*找到使用的.class的标签,在该标签中的p标签使用该样式*/

    3  用.隔开的  表示筛选   p sp /*在标签p中的“class="‘sp” 使用该样式*/

                                               格式与布局

   1 position:fixed   固定位置  比如网页中右下角的小广告,当网页动时  该样表是不动的

   2 position: absolute   有限制的作用  涉及分层 z-index

   3 position:relative  相对默认移动  两个relaitive的样表并列时  是往下起一行的

   4 float left  right  当一行排满了之后  会自动往下一行移动

   overflow 表示超出部分,可以隐藏:hidden  或者显示 visiable  

    cursor:pointer  鼠标指到上面时的形状

 

css样式表 格式与布局

标签:z-index   float   广告   选择器   相对   显示   位置   ext   使用   

原文地址:http://www.cnblogs.com/xiaodouding/p/6081886.html

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