摘要: 1.用CSS进行布局有几种不同的方式,包括绝对定位,使用负的外边距值,还有基于浮动 2.在使用浮动进行布局时,因为浮动的元素不再占据文档流中的任何空间,它们就不在对包围他们的块框产生任何影响。为了解决这个问题,有3种方法,方法一,让父元素也浮动,再整个文档的“战略点“(页脚)上进行一次或两次清理,方 阅读全文
posted @ 2017-03-21 00:09 夏小娘 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 表单控件样式 Your Contact Details Name:(Required) Email Address: ... 阅读全文
posted @ 2017-03-20 18:04 夏小娘 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 1.caption用于添加表格标题,summary属性用于描述表格的内容,和img标签的alt作用类似 2.用thead,tbody,tfoot可以把表格划分为几个逻辑部分,一个表格中只能使用一个thead和tfoot元素,但是可以使用多个tbody元素将复杂的表格划分 3.scope属性,定义将表 阅读全文
posted @ 2017-03-20 15:21 夏小娘 阅读(1857) 评论(0) 推荐(0) 编辑
摘要: 对导航条添加样式的注意点: 1.添加定制的列表符号,用list-style-image属性,在列表项左添加内边距,为符号留出所需的空间,然后将背景图像作为列表符号应用于列表项,如果列表项跨越多好,将其放在顶部,反之,可以将垂直位置设为middle或50% 2,对导航条应用样式时,如果对其中包含的锚链 阅读全文
posted @ 2017-03-19 22:38 夏小娘 阅读(1667) 评论(0) 推荐(0) 编辑
摘要: margin的作用: 一:改变可视区域的尺寸 注意点:1.适用于没有设定width/height的普通block元素 2.只适用于水平尺寸,不会改变行高 应用: 实现一侧定宽的自适应布局 二:改变占据尺寸 注意点:1.block/inline-block元素都可以使用 2.与width/height 阅读全文
posted @ 2017-03-19 17:08 夏小娘 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 1.简单的链接样式 对链接应用样式最容易的方式是使用锚类型选择器,但是锚类型选择器也不总是理想的,因为它既可以作为内部引用,又可以作为外部链接。 锚的伪类选择器,:link,:visited,:hover,:focus,:active 大多数人最初使用锚选择器做的第一件事是去掉链接的下划线,text 阅读全文
posted @ 2017-03-17 23:47 夏小娘 阅读(182) 评论(0) 推荐(0) 编辑
摘要: border的属性 1.border-width:不支持百分比,支持关键字,thin(1px),medium(默认值,3px,默认值是3px的原因是只有当border是3px及以上时,border-style才有效 果),thick(5px) 2.border-style:有不同值,下面分析分别为不 阅读全文
posted @ 2017-03-17 10:30 夏小娘 阅读(560) 评论(0) 推荐(0) 编辑
摘要: 1.固定宽度和可变宽度的圆角框 方法一:适用于新型浏览器,直接用border-radius属性 方法二:适用于旧版浏览器,IE6等 对于固定宽度圆角框,需要有两个图像,一个图像用于框的顶部,一个用于框的底部。 对于可变宽度圆角框,需用到滑动门技术(随着框尺寸的增加,大图像有更多的部分显露出来,这样就 阅读全文
posted @ 2017-03-16 22:34 夏小娘 阅读(1181) 评论(0) 推荐(0) 编辑
摘要: CSS有3种基本的定位机制:普通文档流,浮动,绝对定位 普通文档流:除非专门指定,否则所有框都在普通流中定位,普通流中元素框的位置由元素在HTML中的位置决定。 用position进行定位: static:position的默认属性,相当于没有对元素进行定位 相对定位:属于普通流定位模型的一种。如果 阅读全文
posted @ 2017-03-16 14:59 夏小娘 阅读(239) 评论(0) 推荐(0) 编辑