第五章 css选择器 背景

原创 2017年10月07日 14:16:39

一、css选择器

  1. 通配符选择器 *
  2. 元素选择器 【标签关键字】div p span a
  3. id选择器 以id进行命名
  4. class选择器 以class进行命名
  5. 后代选择器

id和class之间的区别:

  1. 命名方式不一样
  2. 在样式中使用方式不一样 id-># class->.
  3. 优先级不一样 id>class
  4. 同名class值 一个页面可以出现多次 ;一个页面中id值不允许重复。

二、背景

  1. background-color:背景颜色
    十六进制的颜色值
    英文单词
    rgba 其中a代表透明度
  2. background-image:url(“”)背景图片
  3. background-repeat:是否重复
    值:
    no-repeat 不重复
    repeat 重复
    repeat-x x轴方向重复
    repeat-y y轴防线重复
  4. background-position:位置
    top bottom left right center 两两组合
    百分比或者具体的像素单位
  5. background-attachement:
    值:
    fixed固定
    scroll 滚动
    inherit 继承父级
  6. background-size:大小
    值:
    具体的像素单位
    auto 显示图片的真是大小
    cover 等比例缩放到完全覆盖容器,有可能超出
    contain

background的综合应用
background:red url(“”) no-repeat 200px 200px/100px 200px
背景色 背景图片 不重复 位置 /大小

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

CSS背景属性 尺寸属性 显示属性 定位及选择器

基础属性 1.1背景属性 2.3背景属性 body{             background-color: #37ff68;             background-image: url...

[持续更新]CSS3学习笔记(一)伪类选择器&自定义字体&背景图片

CSS3学习笔记 1.  伪类选择器 CSS3之前的伪类共有::hover,:active, :visited, :link, :first-child, :lang这六种。 CSS3新增了许多选择...

利用css选择器的优先级实现导航栏背景图的切换.

效果如图: html 代码: css: .one{backgrou...

css选择器,背景渐变

Css选择器 http://www.w3.org/TR/selectors/#selectors 1.    标签选择器,就是给常用的tag加上样式: div{padding:0; margin...

2016.3.16__CSS3_选择器_边框_背景_蒙版mask__第九天

CSS3今日课程预览 1. CSS3 的选择器1.1 子选择器例如:设置div下一级的p标签的颜色属性div>p { background-color:yellow; } 1.2 相邻兄弟选择器解...
  • MR_LP
  • MR_LP
  • 2016年03月16日 19:39
  • 1738

【css】day02_css选择器_border_box_背景

1.css选择器 1)元素选择器 --通过元素名来选择css作用的目标 --比如、等 (如果页面中有多个相同的元素需要重用同样的效果,建议用元素选择器) 2)类选择器 --类选择器允许以一...

资源背景颜色选择器工程demo

  • 2016年05月25日 11:46
  • 2.03MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:第五章 css选择器 背景
举报原因:
原因补充:

(最多只允许输入30个字)