首页 > 其他分享 >CSS选择器

CSS选择器

时间:2022-10-26 20:11:19浏览次数:57  
标签:行内 背景 元素 隔开 选择器 CSS

一.、 选择器进阶 

1. 复合选择器

1.1 后代选择器:空格

 

 

 

1.2 子代选择器:>

 

 

 

2.  并集选择器 利用  ” ,“隔开

 

 

 

3. 交集选择器紧挨着

 

 

 

4. hover伪类选择器 (鼠标悬停时变颜色,用冒号:隔开)

 

 

 

5. Emmet语法

 

 

 

 

 

 

 

二、背景相关属性 

1. 背景颜色 简写(bgc)

 

 

 

 

 

2. 背景图片

 

 

 

 

3. 背景平铺

 

 

 

 

 

 

 

4. 背景位置

 

 

 

 

 

5. 背景相关属性连写

 

 

 

 

 

 

三、元素显示模式

1. 块级元素

 

 

 

 

 

 

 

 

2. 行内元素

 

 

 

 

3. 行内块元素

4. 元素显示模式转换

5. 拓展一

 

 

 

 

6. 拓展二

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

四、CSS 特性

1. 继承性

高度height不能继承

 

 

 

 

 

 

 

2. 层叠性

 

 

标签:行内,背景,元素,隔开,选择器,CSS
From: https://www.cnblogs.com/lsy579/p/16826534.html

相关文章

  • CSS——通过伪类来自定义四个角边框
    前言通过CSS伪类来定义正方形的四个角边框内容<template><ulclass="smart-energyflex"v-if="pageflag"><li><divclas......
  • css实现箭头
    <!DOCTYPEhtml><html><head><style>i{/*用border值来控制箭头粗细*/border:3pxsolidblack;/*上、右、下、左四个边框的宽度*/border-width:0px1px1p......
  • css3动画次数限制
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title><style>div{width:100px;height:100px;background:re......
  • CSS基础选择器和扩展选择器
    CSS-选择器-基础选择器分类:基础选择器:1.基础选择器1.id选择器:选择器具体的id属性值的元素,建议在一个html页面中id值唯一......
  • CSS的理解
    本质全称为层叠样式表(cascadingstylesheets)。属于修饰HTML文件的语言。如果把HTML比作成word文档的基本内容,CSS就是修饰word的设计和布局部分,使基本的文档样式更多,布局更......
  • CSS概述以及与HTML结合方式
    CSS-概述概念:CascadingStyleSheets 层叠样式表层叠:多个样式可以作用在同一个HTML的元素上,同时生效好处:1.功能强大2.将内容展示和样式控......
  • 【CSS3】border-color
     border-color值描述border-top-color边框的上面border-right-color边框的右面border-bottom-color边框的下面border-left-color边框的左面......
  • 【CSS3】border-image
     border-image值描述border-image-source 指定border的背景图的urlborder-image-slice设置图片如何切割的属性,非定位border-image-width定义border-ima......
  • css让层水平垂直居中
    .myDiv{position:absolute;top:50%;left:50%;transform:translateX(-50%)translateY(-50%)}在父窗体上声明<div......
  • 【HTML&CSS】唉,我以为行内元素都不能设置宽高
    又是面试驱动学习的一天常见的行内元素有哪些?abr img input label object span select textarea行内的置换元素是可以设置宽高的,置换元素有哪些呢?让我们来......