CSS设计彻底研究

本文全面介绍了CSS的基础知识与高级技巧,包括样式优先级、盒子模型、定位方式、显示模式等内容,并通过实例展示了如何运用这些技巧进行网页布局。

这本书不错,详细介绍了CSS的相关知识,对初学者和想进一步学习的人都有帮助。

 

 相关笔记:

     行内样式>ID样式>类样式>标记样式

     font-weight:bold;

     font-size:30px;

     text-decoration:underline;

     <em>强调标签

    盒子模型:

        给出2个值,前者表示上下,后者为左右

        给出3个值,前者上,中间左右,后者为下

        给出4个值,上,右,下,左

 

    div 块级元素 block

    span 行内元素 inline

    border-style:solid;

    border-width

    border-color

    border:2px black solid;

    font-family:宋体;

    text-align:center;

   盒子定位:

   1.static 默认,按照标准流

   2.relative 相对定位

   3.absolute 绝对定位

   4.fixed 以游览器窗口为基准

 

  display:inline

             :block

             :none

 

   float:left;

   clear:right;

   position:relative;

   left:30px;

   top:30px;

   line-height:18px;

                    :1.5 表示倍数

 

  background:url(。。。.gif) no-repeat

  background-image:url(...gif)

  background-repeat:repeat-x;

 

  overflow:scroll;

 

  <!--[if lte IE6]>

  <![endif]-->

 

   border-collapse:collapse;

   IE6不支持非链接元素hover伪类

   onmouseover

   onmouseout

  

 

 

 

    

CSS核心基础
深入CSS盒子模型
CSS导航设计
CSS高级样式设计
CSS整体布局详解
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值