码迷,mamicode.com
首页 > Web开发 > 详细

css

时间:2016-09-23 21:30:05      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:

一,css

1,id选择器    #name{}

     类选择器     .name{}

     属性选择器   

     <p title="t"></p>

     <p title="te"></p>

      [title]{}  [title=te]{}

     id是唯一的,一般是先找到结构在渲染样式

     class 先处理好样式,在寻找结构

2, css背景

    background-attachment : fixed//背景图片是否随页面滚动

    background-color

    background-image:url("a.jpg")

    background-position : 100px 200px

    background-repeat

    background-size 

3, padding 内边距

4, 文本

    color

    text-align

    text-indent:2em 缩进两个字符

    text-transfrom

    text-shadow :5px 5px 5px #ff0000;阴影效果

     text-wrap 换行规则

5,字体

    font-family 字体

    font-size : 20px

    fonr-style 

6,链接

    a:link{}

    a:visited{}

    a:hover{}

    a:active{}

    text-decoration :none 去掉链接样式(下划线等)

    background-color

7,列表

  list-style-type :disc;图标的样式

  list-style-image :url("a.jpg");

  list-style-position 没太有用

8,表格

  border :1px solid blue; 设置外边框

  border- collaspe :collaspe; 折叠边框

9,轮廓(给元素加上轮廓线)

   outline-color

   outline-style

   outline-width

css

标签:

原文地址:http://www.cnblogs.com/zcoder/p/5901547.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!