首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
【夯实基础--CSS】
小只前端攻城狮
创建于2021-05-15
订阅专栏
【夯实基础】之CSS系列,正在持续更新中,由于整理需要时间,平常也忙于学习,可能更新速度不快
等 7 人订阅
共14篇文章
创建于2021-05-15
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
小只前端攻城狮
1年前
前端
CSS
🔥CSS的伪类/元素选择器,我也想你学会!!!
本文已参与掘金创作者训练营第三期「话题写作」赛道,详情查看:掘力计划|创作者训练营第三期正在进行,「写」出个人影响力。 场景引入 前端攻城狮们大都或多或少地接触过CSS伪类和伪元素,比如最常见的:fo
1045
21
4
小只前端攻城狮
1年前
flexbox
前端
🚀🚀详解Flex布局,从理论到案例实践(二)
「本文已参与好文召集令活动,点击查看:后端、大前端双赛道投稿,2万元奖池等你挑战!」 前言 好了,言归正传,xdm准备好了么? 项目属性 order 取值:默认0,用于决定项目排列顺序,数值越小,项目
760
18
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> px、em、rem和rpx的区别
在css中单位长度用的最多的是px、em、rem,这三个的区别是: px是固定的像素,一旦设置了就无法因为适应页面大小而改变。 em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定
2224
19
2
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> 高级技巧篇(雪碧图/滑动门/CSS三角形/字体图标(iconfont)等)
CSS高级技巧 CSS用户界面样式 所谓的界面样式, 就是更改一些用户操作样式, 比如 更改用户的鼠标样式, 表单轮廓等。但是比如滚动条的样式改动受到了很多浏览器的抵制,因此我们就放弃了。 防止表单域
416
6
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> 元素的显示和隐藏(display / overflow/ visibility)
元素的显示与隐藏 目的: 让一个元素在页面中消失或者显示出来 场景: 类似网站广告,当我们点击关闭就不见了,但是我们重新刷新页面,会重新出现! 1.1 display 显示(重点) display设置
148
14
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> 背景(background)
CSS背景(background) 「1. 背景颜色」 「2. 背景图片(image)」 「3. 背景平铺(repeat)」 参数 作用 repeat 背景图像在纵向和横向上平铺(默认的) no-re
145
7
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> 标签显示模式(display:inline || blcok || inline-block)
标签显示模式(display) 标签显示模式是标签以什么方式进行显示。HTML标签一般分为块标签和行内标签两种类型,它们也称为块元素和行内元素。 标签显示模式转换 display 块转行内:displ
122
7
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> 字体样式(font)、外观属性(行高)
CSS字体样式 font字体 「1. font-size」 font-size属性用于设置字号(字体大小) 谷歌浏览器默认的文字大小为16px 不同浏览器可能默认显示的字号大小不一致,我们尽量给一个明
745
11
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=> 基础选择器
CSS基础选择器 CSS选择器作用 找到指定的HTML页面元素,选择标签。 CSS基础选择器 「1. 标签选择器」 标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某
67
7
评论
小只前端攻城狮
2年前
CSS
【夯实基础--CSS】=>复合选择器
CSS复合选择器 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 「1. 后代选择器」 又称为包含选择器 用来选择元素或元素组的子孙后代 其写法就是把外层标签写在前面,内层标签写在后面,
501
13
评论
小只前端攻城狮
2年前
前端
【夯实基础--CSS】=>浮动(float)篇
浮动 「1. CSS布局的三种机制」 CSS 提供了3种机制来设置盒子的摆放位置,分别是普通流(标准流)、浮动和定位,其中: A. 普通流(标准流) 块级元素会独占一行,从上向下顺序排列; 常用元素:
210
9
评论
小只前端攻城狮
2年前
前端
【夯实基础--CSS】=> 盒子模型
前言 其实,CSS就三个大模块: 盒子模型 、 浮动 、 定位,其余的都是细节。这三部分,无论如何也要学的非常精通。 所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容
1059
17
评论
小只前端攻城狮
2年前
前端
【夯实基础--CSS】 => CSS三大特性
CSS 三大特性 一、层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某
432
8
评论
小只前端攻城狮
2年前
前端
【夯实基础--CSS】=> 定位(position)篇
定位(position)将盒子 「定」 在某一个 「位」 置 自由的漂浮在其他盒子(包括标准流和浮动)的上面。 所以,我们脑海应该有三种布局机制的上下顺序👇👇 标准流在最底层 (海底) 浮动
225
8
评论