css 学习

背景:background  默认为none  必须为这个属性设置URL

背景重复    Background-repeat  

                     repeat-y   垂直方向重复

                     repeat-x   水平方向重复

Background-position  改变图像在背景中的位置

(1) Center   

(2) Top

(3) Bottom

(4) Right

(5) Left

              百分比

文本通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进

text-indent :可以方便实现文本的缩进

text-aligin:影响一个元素中的文本行互相之间的对齐方式

Justify:最后一个水平对齐属性是 justify。

Work-spacing:改变单词间的标准间隔

text-transform 属性处理文本的大小写。这个属性有 4 个值:

None   uppercase   lowercase   capitalize

     text-decoration 属性:

        text-decoration 有 5 个值:

· none

· Underline   加下划线

· Overline   元素的顶端加下划线

· line-through  在文本中间加贯穿线

· Blink      文本闪烁

White-space  影响到用户代理对源文档中的空格、换行和 tab 字符的处理。

White-space:normal   丢掉多余的空白格

 

 

 

 

字体:使用 font-family 属性 定义文本的字体系列   5种

       font-style 属性最常用于规定斜体文本     3个值

            Normal  正常显示

            Italic   文本斜体显示

            Oblique   文本倾斜显示

        font-variant 属性可以设定小型大写字母。

        font-weight 属性设置文本的粗细。

        font-size 属性设置文本的大小。

轮廓:  outline 属性规定元素轮廓的样式、颜色和宽度

      Outline-color     设置轮廓的颜色

      Outline-style     设置轮廓的样式

      Outline-width    设置轮廓的宽度

框模型 内边距:padding

            边框:border

            外边距:margin

            上右下左      顺时针

选择器:

   元素选择器:选择器通常将是某个 HTML 元素   (p  h1  span)

Id 选择器:标有特定id

子元素选择器:子选择器使用了大于号

              只能选择某元素子元素的元素

               例如:h1>strong(color:red);

类选择器: class 指定为一个适当的值

属性选择器:可以根据元素的属性及属性值来选择元素

兄弟选择器:可以选择在同一父元素的其他元素

            

<div>

     <ul></ul>

     <li></li>

</div>

    Ul  li 是兄弟元素   ul+li   兄弟选择器    

派生选择器允许你根据文档的上下文关系来确定某个标签的样式    

   h1  strong

定位:  

相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。

  绝对定位  相对与最近的已定位的祖先元素

  相对定位  相对与原来的位置移动      position:relative

 




 

背景:background  默认为none  必须为这个属性设置URL

posted @ 2018-08-05 12:21  1点  阅读(145)  评论(0编辑  收藏  举报