Css

1.内部样式表<style></style>标签中添加样式内容。

2.行内样式;在某一标签内写 style.

3.外部文件样式;引入外部样式格式--<link rel="stylesheet"  href=:"样式文件地址">

样式优先级:2>1>3

基础语法: select(选择器){

        属性名:属性值

    }

 

后代选择器:选择某元素下所有的某中元素  div span

子选择器:选择某元素下的直接子代元素 div>span

 

id选择器: 某个元素顶一一个id属性,靠id号来选择。选择器前加# 如#div(优先级大于类选择器)

类选择器:某个元素定义一个class属性,可以多个元素为一个class值。选择器前加 .  如 .div。

 

样式 border属性:border:2px soler red     大小  边框类型  颜色

样式 字体属性:文字大小front-size:5px          

        文字粗细front-weight: bold

        文字字体front-family:

常用样式:color、 text-align(对齐方式)   text-decoration(文字装饰)。

框模型: backgroun、width、hegit、padding(内边距)、margin(外边距--透明)

 

定位position:static(默认) 、relative(元素移动后,之前的位置依然占据)、absolute()、fixed(位置以窗口为参照,内容滚动时,不会消失)

 

浮动:float:

posted @ 2017-08-10 16:57  halo-漾  阅读(284)  评论(0编辑  收藏  举报