我是靠谱客的博主 优秀小笼包,最近开发中收集的这篇文章主要介绍css复合选择器,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

复合选择器

总结

选择器作用符号
后代选择器用来选择元素后代符号空格分隔
子代选择器选择最近一级元素符号是>
交集选择器选择两个标签交际的部分没有符号
并集选择器选择某些相同样式的选择器符号是逗号
链接伪类选择器给链接更改状态

三元素

  1. 块元素
    常见的块元素有h1-h6、p、div、ul、ol、li等
    特点:喜欢独占一行,可以设置宽高
  2. 行内元素
    常见的有a、strong、b、em、i、del、s、ins、u、span等,其中span最常用
    特点:不会独占一行,与别的行内元素或行内块元素共享一行,不能设置宽高
  3. 行内块元素
    常见的行内块有img、input、td等
    特点:不会独占一行,与别的行内元素或行内块元素共享一行,可以设置宽高。

标签的转换

块转行内;display:inline;
行内转块:display:block;
转换为行内块:display:inline-block;

css背景

  • 背景颜色
    background-color:颜色值(默认透明 transparent);

  • 背景图片
    background-image:none/url(图片地址);

  • 背景平铺
    background-repeat:参数;

参数作用
repeat背景纵向横向上平铺
no-repeat背景图像不平铺
repeat-x横向平铺
repeat-y纵向平铺
  • 背景位置
    background-position:length || length
    background-position:position || position
    length 代表 百分数 position方位词

  • 背景简写
    background:颜色 地址 是否平铺 滚动 位置

最后

以上就是优秀小笼包为你收集整理的css复合选择器的全部内容,希望文章能够帮你解决css复合选择器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(64)

评论列表共有 0 条评论

立即
投稿
返回
顶部