web前端学习第三天

今天学习了CSS一些样式属性。

⦁ 字体样式：
font-size：设置字体大小，值一般使用像素值

font-familly：设置字体，值为所有可以字体名称

⦁ 文本样式

text-align: center;文本的水平对齐方式

line-height: 60px;文本的行高：当行高等于文本所在标签的高度时，文本在标签中垂直居中

text-decoration: underline;文本的下划线，值为none时，表示取消下划线

⦁ 边框样式：所有标记默认是没有边框

border-width:10px;边框的宽度

border-color: red;边框颜色

border-style:solid;边框的线型，solid为实线*

 css3.0新增圆角边框：

 border-radius: 10px;圆角不是由四边来明确，而是方向顺序说明，一个值表示四个角一样，也可以单个说明，

语法：border-radius:上左 上右 下右 下左

计算机中元素的方向：top，right，bottom，left

  以下样式都是指四边，如果需要明确说明某一边，border-方向-样式属性：

  border-bottom-width:10px;边框的宽度

  border-bottom-color: saddlebrown;边框颜色

  border-bottom-style:solid;边框的线型,solid实线

  ⦁ 背景样式：

  在进行背景定位移动时，给正值表示向下右移动，给负值是上左移动

  background-image:url("images/favicon.ico") ;背景图像，值为:url(图像地址)

  background-color: #ff0000;背景颜色，值为颜色名或RGB值（#跟6位数字或字母）

  background-repeat: no-repeat;背景平铺，默认是水平和垂直平铺值为repeat-x表示只水平平铺，值为repeat-y表   示只垂直平铺，值为no-repeat表示不平铺只显示一张背景

⦁ 列表样式：

取消列表的样式：list-style：none

  ⦁ 定义样式：改变元素默认显示的样式，从上往下依次显示，或者从左往右依次显示
                  网页中定位分为：浮动定位，相对定位，绝对定位

        浮动定位：float，值有left ，right，让元素脱离标准的流程，使用浮动定位的元素会跟着外部容器大小的改

                变而改变，如果不想让浮动元素跟随改变，将浮动元素放在一个有固定大小的标记中

绝对定位：position: absolute;同时结合方向属性中交叉的两个方向来明确
方向属性：top right bottom left定位是参照网页body的左上角为（0,0）点
        相对定位：position: relative;同时结合方向属性中交叉的两个方向来明确
方向属性：top right bottom left定位是参照元素本身没有使用任何定位时的位置来看


    补充属性：

    z-index：名称重叠次序，值为自定义的数字，值越大越靠上

    Div：无意义标记，如果一个div没有任何样式，那么还不如不写，就是因为无意义，所有开发中常用于布局

    补充：
    计算机中如果出现在“”中需要包含另外一个””,那么内部的””必须改为’’