css 基础 二

字体和文本属性

text-indent   //缩进元素中文本首行

text-align     //对齐元素中文本

text-decoration  //向文本添加修饰

letter-spacing    //设置字符间距

text-transform  //控制元素中的字母大小写

font-family  //设置字体系列

font-style    //设置字体风格

font-variant  //以小型大写字体或者正常字体显示文本

font-weight//设置字体粗细

font-size  //设置字符尺寸

这些样式中text-align、font-family、font-weight、font-size等兼容性较好，其他的在部分浏览器中可能无效

伪类选择符

锚伪类—链接的不同状态：

      Link 未被访问状态

       Visited 已被访问状态

       Hover 鼠标悬停状态

      Active 活动状态

     专用于a标签，虽然在css2.0里可以用于其他标签，但浏览器对此基本不支持

    1、在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的；a:active 必须被置于 a:hover 之后，才是有效的。因此，一般按照上图的顺序来写

    2、伪类名称对大小写不敏感

关于css的float　属性，这是div+CSS布局最核心部分

1、 float,浮动的

该标签会重新安排其在父标签内的位置，不再考虑边距和换行等问题

2、 css语法

      float:left或right;

关于css的clear属性

1、 用于清除前面产生的浮动效果

2、 可以

      clear:left;

      只清除左边浮动，在该标签左边的标签的float属性将无效

      clear:right;

      只清除右边浮动，在该标签右边的标签的float属性将无效

      clear:both;

      同时清除两边浮动，两边的float都无效

关于css的position属性

1、 用于一个标签的显示位置，可以有下面方式

       position:relative

相对定位，也就是相对于该标签的正常位置进行移动，该标签原本的位置作为原点。这种方式会在该标签的原本位置保留其所占空间，这个空间是无法重叠的，因此相对定位方式，标签叠加时会变得比较难控制

       position:fixed

固定定位，也就是以窗口左上角为原点进行定位，跟父标签的位置无关。

        position:absolute,

绝对坐标位置,可以使用百分比

这种定位方式令标签完全浮动起来，离开原本位置

判断位置的标准是以父标签的左上角为原点

 

三种定位格式都是：

       left: 像素数或百分比;表示离左边界的距离

       top: 像素数或百分比; 表示离上边界的距离

       bottom:像素数或百分比; 表示离下边界的距离

       right: 像素数或百分比; 表示离右边界的距离

三种方式，都是完全漂浮起来，不会再影响其他标签的位置

窗口大小变化时，表示的位置也可能会相应变化，比如百分比大小的变化，与右边界（使用right时）的距离的变化。

这种定位模式中，margin属性是无效的，但padding和border依然有效

      

2、 z-index：用来在绝对定位时设置重叠起来的标签的上下层次关系，可以设置任意整数（包括负数），数字越大越靠上层。但是父对象总是在子对象下面的