![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 74
靠技术吃饭
这个作者很懒,什么都没留下…
展开
-
小白也能做的选择(下)
文章目录前言后代选择器子选择器并集选择器伪类选择器链接伪类选择器:focus 伪类选择器前言建立在基础选择器之上,对基础选择器进行组合形成的1、复合选择器可以更准确、更高效的选择目标元素(标签)2、复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的3、常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等后代选择器后代选择器又称为包含选择器,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。当标签发生嵌套时,内层标签就原创 2021-10-08 17:34:47 · 213 阅读 · 15 评论 -
小白也能做的选择(上)
文章目录前言标签选择器(元素选择器)类选择器多类名id 选择器通配符选择器前言基础选择器是由单个选择器组成。标签选择器(元素选择器)书写格式(示例):标签名 { 属性: 属性值; } 说明:用 HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式 作用:标签选择器可以把某一类标签全部选择出来,比如所有的<div>和<span>标签 优点: 能快速为页面中同类型的标签统一设置样式 缺点:不能设计差异化原创 2021-09-28 11:08:12 · 419 阅读 · 14 评论 -
美图秀秀和网页美工的合作
文章目录CSS与HTML的区别一、pandas是什么?二、使用步骤1.引入库2.读入数据总结CSS与HTML的区别1、HTML主要做结构,显示元素内容2、CSS美化HTML,布局网页CSS最大价值:HTML做结构呈现,样式CSS,即结构(HTML)与样式(CSS)相分离提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import原创 2021-09-27 17:45:30 · 492 阅读 · 19 评论 -
less+rem+媒体查询布局
不要吝啬你的点赞评论加关注哦一、rem单位二、媒体查询1.什么是媒体查询2.语法规范1.mediatype 查询类型2.关键字3.媒体特性3.引入资源(理解)三、less基础1.less变量四、适配及原理总结一、rem单位rem(root em)是一个相对单位,类似于em。1、em 是相对于父元素的字体大小来说的2、rem 是 相对于 html 元素的字体大小来说的3、rem 的优点就是可以通过修改 html 里面的文字大小来改变页面中元素的大小,可以整体控制二、媒体查询1.什么是媒体查询原创 2021-09-09 14:56:02 · 399 阅读 · 13 评论 -
带你由浅入深的了解 flex 的基础用法
文章目录传统布局与flex布局的区别一、体验 flex 布局二、flex 布局父项常见元素1.flex-direction 设置主轴的方向2.justify-content 设置主轴上的元素排列方式3.flex-wrap 设置子元素是否换行4.align-items 设置侧轴上的子元素排列方式(单行)5.align-content 设置侧轴上的子元素排列方式(多行)6.algin-content和algin-items的区别三、flex 布局子项常见元素1. flex: number;2.flex-basi原创 2021-08-24 15:56:35 · 1921 阅读 · 18 评论 -
在 HTML 中 清除浮动四种的方法
文章目录为什么要清除浮动清除浮动本质一、语法二、清除浮动的方法1.额外标签法2.父级添加 overflow 属性3.父级添加 after 伪元素4.父级添加双伪元素为什么要清除浮动 由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为0时,就会影响下面的标准流盒子(由于浮动元素不再占用原文档流的位置,所以它会对后面的元素排版产生影响)。清除浮动本质清除浮动的本质是清除浮动元素脱离标准流造成的影响如果父盒子本身有高度,则不需要清除浮动清除浮动之后,父级原创 2021-08-21 14:18:13 · 5191 阅读 · 4 评论 -
深入了解 2D 的用法(H5C3进阶)
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport原创 2021-08-11 21:13:44 · 299 阅读 · 9 评论