Css学习笔记
webfed
这个作者很懒,什么都没留下…
展开
-
基础知识--Css学习笔记(一)
设计代码的结构--使用有意义的标记--文档类型、DOCTYPE切换和浏览器模式为样式找到目标--常用的选择器--通用选择器--高级选择器--层叠和特殊性--继承规划、组织维护样式表--对文档应用样式--对代码进行注释--样式指南--组织样式表以便简化维护XHTML=Extensible Hypertext Markup Language--使用有意义的标记有意义的标原创 2009-01-07 10:17:00 · 592 阅读 · 0 评论 -
实例研究(More Than Doodles)--Css学习笔记(十)
关于这个实例研究用后代选择器控制内容区域--XHTML--三列布局--两列布局--单列布局--隐藏不需要的列 对列进行浮动--计算--将列浮动到正确的位置 根据主题类突出显示当前页面列的drop-in框直角和圆角----自己决定--一般的直角--为特殊效果做准备 透明的定制角和边框--图像--CSS 使用类组合来确定操作目标使用图像类和例外--默认图像--拥有的原创 2009-01-07 13:38:00 · 598 阅读 · 0 评论 -
bug和bug修复--Css学习笔记(九)
bug捕捉--隔离问题--创建基本测试案例--修复问题,而不是修复症状--请求帮助 拥有布局--什么是布局--布局有什么效果 常见bug以及修复方法--双空白边浮动bug--3像素文本偏移bug--IE6躲躲猫bug--相对容器中的绝对定位--停止对IE的批评 小结原创 2009-01-07 13:34:00 · 459 阅读 · 0 评论 -
招数和过滤器--Css学习笔记(八)
招数和过滤器简介--关于招数和过滤器的一个警告--明智的使用招数过滤单独的样式表--IE的有条件注释--带通过滤器 过滤单独的规则和声明--子选择器招数--属性选择器招数--星号HTML招数--IE/Mac注释反斜线招数--转义属性招数--Tantek的框模型招数--!important和下划线招数--Owen招数 小结原创 2009-01-07 13:31:00 · 509 阅读 · 0 评论 -
布局--Css学习笔记(七)
让设计居中--使用自动空白边让设计居中--使用定位和负值空白边让设计居中基于浮动的布局--两列的浮动布局--三列的浮动布局固定宽度、流体和弹性布局--流体布局--弹性布局--弹性-流体混合布局--流体和弹性图像faux列小结原创 2009-01-07 13:28:00 · 540 阅读 · 0 评论 -
对表单和数据表格应用样式--Css学习笔记(六)
对数据表格应用样式--表格特有的元素--数据表格标记--对表格应用样式--添加视觉样式--添加其他样式简单的表单布局--有用的表单元素--基本布局--其他元素--修饰复杂的表单布局--可访问的数据输入元素--多列复选框--表单反馈小结原创 2009-01-07 10:42:00 · 861 阅读 · 0 评论 -
对列表应用样式和创建导航条--Css学习笔记(五)
基本列表样式创建垂直导航条在导航条中突出显示当前页面创建水平导航条简化的“滑动门”标签页式导航CSS图像映射远距离翻转对于定义列表的简短说明小结原创 2009-01-07 10:40:00 · 553 阅读 · 0 评论 -
对链接应用样式--Css学习笔记(四)
简单的链接样式让下划线更有趣突出显示不同类型的链接创建按钮和翻转--简单的翻转--具有图像的翻转--Pixy样式的翻转 已访问链接样式纯CSS工具提示小结原创 2009-01-07 10:38:00 · 398 阅读 · 0 评论 -
背景图像和图像替换--Css学习笔记(三)
背景图像基础圆角框--固定宽度的圆角框--山顶角阴影--简单的CSS阴影--来自Clagnut的阴影方法--模糊阴影--洋葱皮阴影图像替换--FIR--Phark--Gilder/Levin方法--IFR与sIFR小结原创 2009-01-07 10:35:00 · 549 阅读 · 0 评论 -
可视化格式模型--Css学习笔记(二)
框模型概述--IE/Win和框模型--空白边叠加定位概述--视觉格式化模型--相对定位--绝对定位--浮动小结原创 2009-01-07 10:32:00 · 510 阅读 · 0 评论 -
实例研究(Tuscany Luxury Resorts)--Css学习笔记(十一)
关于这个实例研究流体布局--主题和容器--报头--内容和边栏--页脚--解决流体布局的问题 使用绝对定位对准元素--位置属性(top ,bottom ,left ,right)--堆放次序(z-index) 背景图像技术--将上半部分分成三份--使背景“无懈可击” 图像替换--徽标图像替换--首字母大些图像替换 流体图像为多个元素使用一个列表项小结原创 2009-01-07 13:45:00 · 569 阅读 · 0 评论