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

CSS知识复习(二):CSS的使用

时间:2018-07-15 19:32:19      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:属性   box   使用   htm   css   字体   元素选择器   checkbox   复习   

一、CSS基础

1、选择器

选择器{

            属性:值;

            属性:值

           }

作用:用于匹配HTML元素、分类和权重、解析方式和性能、值得关注的选择器

分类:

  • 元素选择器a{}
  • 伪元素选择器::before{}
  • 类选择器 .link{}
  • 属性选择器[type=radio]{}
  • 伪类选择器 :hover{}
  • ID选择器#id{}
  • 组合选择器 [type=checkbox]+labei{}
  • 否定选择器 :not(.link){}
  • 通用选择器*{}

 权重:

  • ID选择器 #id{} +100
  • 类 属性 伪类 +10
  • 元素 伪元素 +1
  • 其它选择器 +0

2、非布局样式

字体

行高

背景

边框

CSS知识复习(二):CSS的使用

标签:属性   box   使用   htm   css   字体   元素选择器   checkbox   复习   

原文地址:https://www.cnblogs.com/darklights/p/9314093.html

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