![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS样式
CSS样式的一些属性与布局
pink_pantise
这个作者很懒,什么都没留下…
展开
-
CSS中选择器的使用方法简介
css常用选择器1:ID选择器2:类选择器3:标签选择器4:全局选择器4-1:属性选择器5:组合选择器1:ID选择器ID选择器顾名思义,定义的是某一个特定和HTML元素,选择的是一个或多个标签定义ID属性值。<html><head><title>css选择器</title><style> #idname{ background-color:blue; width:30px; height:30px; }</sty原创 2020-12-13 20:55:00 · 426 阅读 · 0 评论 -
CSS的优先级和权重简介
权重是什么?首先权重一个相对概念,可以认作天平中的砝码,权重大的地方就会被重视(使用),当然这在权重等级相同的前提下。一:权重的等级划分:第一等级:内部样式 (style=" "),权值:1000.第二等级:ID选择器(#id),权值:100.第三等级:class、伪类、属性选择器(.class , :hover , :link , [type]),权值为:10.*伪类有::link,:visited,:hover,:active,:focus,:frist-child。 *第四等级:标签、原创 2020-12-12 22:18:15 · 548 阅读 · 0 评论 -
Flex布局中flex-warp实现居中
Flex布局中flex-warp实现居中今天尝试了cssFlex布局中flex-warp的实现,记录一下需要注意的地方:1.首先想使用flex布局必须要在容器中display属性改为flex。display属性是没有继承性的,所以父类定义了flex,子类想使用flex布局也要定义一下display。行内元素定义需要加inline。有一点需要注意,设为flex布局后,属性float会失效!//容器 display:flex;//行内元素 display:inline-flex;2.flex原创 2020-12-12 10:48:04 · 1827 阅读 · 3 评论