网站首页 2024年11月 第37页

• 

  WEB前端-CSS盒子

  1.盒子模型主要定义四个区域：内容（content）、内边距（padding）、边框（border）、外边距（margin）2.border，设置元素的边框，属性（边框三要素）：宽度、样式、颜色，这也是通常border属性值的书写顺序（非严...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  手把手教你css 中多种边框的实现小窍门【实践】

  前面文章也有介绍关于css想关文章：《你未必知道的49个CSS知识点》《手把手整理CSS3知识汇总【思维导图】》《妙用CSS变量，让你的CSS变得更心动》《手把手教你55个提高CSS开发效率的必备片段》《关于前端CSS写法104个知识点...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  纯CSS实现轮播图

  天天写前端的你，会自己写一个轮播图吗，而且不能用js哦，知道轮播图的原理吗？今天我们要讲的是如何只用css实现轮播图效果，也叫"banner"，就是我们经常在APP或网站首页顶部看到的一系列图片切换。就像淘宝官网首页那样：实...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  「干货」移动端Web页面适配

  一、什么是移动端适配移动端Web页面，就是常说的手机h5页面、webview页面、公众号开发的网页等。由于手机机型较多，各个手机的屏幕尺寸不一样，所以做移动端页面，需要考虑在安卓和ios的各种尺寸设备的兼容问题，我们要做的web页...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  《Web前端技术H5+CSS3》笔记--第六章 盒子模型「云图智联」

  所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  深入浅出超好用的 CSS 阴影技巧

  作者|chokcoco来源|https://juejin.im/post/5be1023951882516fd36a38e最近一个新的项目，CSS-Inspiration，挖掘了其他很多有关CSS阴影的点子，是之前的文章没有覆盖...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  掌握Flex布局的这几个常用属性，搞定弹性布局不在话下

  1.使用display:flex声明一个Flex布局，这个容器称为Flex容器，其包含的子元素称为Flex项目在Flex容器中有几个核心术语容器:使用display:flex属性元素项目:容器的"子元素"主轴:项目排列...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  用 CSS Grid 布局制作一个响应式柱状图

  最新一段时间比较喜欢玩弄图表，出于好奇，我想找出比较好的用CSS制作图表的方案。开始学习网上开源图表库，它对我学习新的和不熟悉的前端技术很有帮助，比如这个：CSSGrid。今天和大家分享我学到的新知识：如何用CSSGrid布局制...

  2024-11-24 hmc789 技术文章 2 ℃
• 

  零基础教你学前端——77、CSS盒模型

  在网站布局中，我们会使用各种各样的元素，这些元素本质上就是一个个小的容器，也称之为盒子，盒子里面可以放置文本，图片，或者其他元素。什么是CSS盒模型呢？CSS盒模型本质上是一个包裹每个HTML元素的盒子，包含margin、bor...

  2024-11-24 hmc789 技术文章 1 ℃
• 

  12个CSS高级技巧汇总!附web前端学习资料分享

  小伙伴们注意了！小编在这里给大家送上关注福利：转发本文，关注+私信小编“资料”即可领取小编精心准备的资料一份！下面这些CSS高级技巧，一般人我可不告诉他哦。使用:not()在菜单上应用/取消应用边框给body添加行高所有一切都垂直居中逗...

  2024-11-24 hmc789 技术文章 1 ℃