首页 > 其他分享 >CSS错题小结

CSS错题小结

时间:2022-11-27 22:57:39浏览次数:34  
标签:小结 错题 标签 box1 选择器 CSS box2

一.列出所知的CSS选择器

1.基本选择器:id选择器,类选择器,标签选择器,通配符选择器(*)

复合选择器:后代选择器(.box1 .box2),并集选择器(.box1,.box2),交集选择器(.box1.box2),子元素选择器(.box>标签/.类名,标签/类名),伪类选择器:hover,:focus,:first-child,:nth-child();链接伪类选择器

属性选择器 标签[属性]   标签[属性='']

兄弟选择器:相邻兄弟选择器(.box1+.box2),后面所有兄弟选择器(.box~div)

2.为什么要使用精灵图?

减少http请求次数

减小图片大小

标签:小结,错题,标签,box1,选择器,CSS,box2
From: https://www.cnblogs.com/zsw2020/p/16512017.html

相关文章

  • css五彩导航栏设计
    1.将行内元素转换为行内块元素,display:inline-block;2.文字水平垂直居中,text-align:center;               line-height:40px;       ......
  • 基于一段神奇的CSS渐变制作噪点效果
    提及噪点效果,首先想到的就是以前的旧电视机信号不稳定时或者画面不稳定时的效果。如果你没有看过那种旧电视,可以看下面的gif动图,真实的情况噪点的变化速度会快很多,这里为了g......
  • css背景线性渐变实现图标
    利用css的linear-gradient绘制图标。效果如图。代码如下。<!DOCTYPEhtml><htmllang="zh"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content=......
  • 介绍27款经典的CSS框架
    利用CSS框架,可以简化你的工作,提高工作效率。CSS框架是一系列CSS文件的集合体,包含了基本的元素重置,页面排版、网格布局、表单样式、通用规则等代码块。下面给你推荐了27......
  • 43个PSD to XHTML,CSS教程
    在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成​​DIV+CSS​​​,甚至很多人都还不知道xHTML+​​CSS​​是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS......
  • css布局与“切图”
    CSS布局与“切图”很多朋友问到关于在网页设计中,特别是使用CSS布局的时候,如何切图的问题,今天就来说说这个问题。在过去,使用表格布局的时候,通常是整个页面在Photoshop或者Fi......
  • Bootstrap_全局CSS样式2_表格&表单与Bootstrap_组件_导航条&分页条
    Bootstrap_全局CSS样式2_表格&表单表格: tabletable-borderedtable-hovertable-condenseddanger......
  • web前端大作业(基于HTML+CSS+JavaScript仿阴阳师游戏官网首页作业制作)
    ......
  • 教你如何用原生css和html搭建一个好看的Table表格
    前言大家在学习<table>标签的时候,可能还没有接触css,所以你做出来的表格可能是这样的:或者是这样的:大家有想过自己做一个漂亮的表格吗?我知道大家在做项目的时候大概率会......
  • webpack配置css文件
    1.webpack处理js文件webpack会自动处理js文件和js文件之间的依赖。配置webpack.config.js文件,就可以在运行的时候使用webpack来代替webpack'./src/ma......