![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
大斧滴熊
这个作者很懒,什么都没留下…
展开
-
CSS选择器的优先级
1、优先级的权重内联样式:1000id选择器:100类选择器、伪类选择器、属性选择器:10标签选择器、伪元素选择器:1通配符、复合选择器、否定伪类选择器:权值为02、!import 将属性的优先级提升为最高,!import不能用于间接选中,只能用于直接选中,!import跟在属性值的后面分号的前面;3、如果选择器间接选中,谁离目标标签近就听谁的;如果选择器直接选中并且是相同类型的选择器,谁写在后面就听谁的;如果选择器直接选中是不同类型的选择器,那么就会按照选择器优先级的权重来计算,id选择原创 2021-10-03 16:58:16 · 212 阅读 · 0 评论 -
CSS布局中的BFC(Block Formatting Context),块格式化上下文
BFC(Block Formatting Context),块格式化上下文一、BFC的定义MDN中是这么说的:块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域换句话说:BFC就是为元素提供一个独立的容器,在该容器里元素按照一定的规则进行布局排列,该容器内的元素不会影响外部的元素,外部的元素也不会影响内部的元素二、BFC的布局规则内部的Box会在垂直方向一个接着一个地放置原创 2021-10-03 12:20:03 · 184 阅读 · 0 评论 -
opacity,visibility,display三个隐藏元素的属性之间的区别
opacity,visibility,display三个隐藏元素的属性之间的区别<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in原创 2021-09-28 20:28:30 · 76 阅读 · 0 评论 -
html,css画三角形圆形
html,css画三角形圆形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-09-26 08:47:32 · 234 阅读 · 0 评论 -
HTML5CSS3新特性
html5新特性1、语义化标签:header nav section article aside footer2、新增表单类型:email:验证邮箱;url:验证网址;number:输入数字;file:上传文件;img:图片按钮;date:选择日期;color:选择颜色;3、新增表单属性:placeholder:提示信息;required = “required”:该输入字段必须在表单提交前填写minlength,maxlength:输入的最少和最多字符数,4、视频video和音频audio5原创 2021-09-06 16:36:49 · 281 阅读 · 0 评论 -
CSS选择器
1.id选择器:根据指定的id名称找到对应的标签,然后设置属性格式:#id名称{属性:值;}2.类选择器:根据指定的类名找到对应的标签,然后设置属性格式:.类名{属性:值;}3.标签选择器:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性格式:标签名称:{属性:值;}4.后代选择器:找到指定标签的所有特定的后代标签,设置属性格式选择器1 选择器2{属性:值;}5.子元素选择器:找到指定标签的所有特定的直接子元素标签,然后设置属性格式:选择器1&g原创 2021-08-17 15:50:41 · 91 阅读 · 0 评论 -
CSS水平垂直居中
CSS水平垂直居中有四种方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &原创 2021-08-16 11:18:55 · 49 阅读 · 0 评论