![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS学习
文章平均质量分 74
这个专栏将为读者带来关于HTML和CSS的学习和实践。我们将深入探讨HTML和CSS的基础知识、布局技巧、响应式设计、动画效果等方面的内容,帮助读者更好地掌握前端开发的核心技能。无论你是初学者还是有经验的开发者,这里都会有适合你的内容,让你在HTML和CSS的世界里游刃有余。
斐波娜娜
这个作者很懒,什么都没留下…
展开
-
字体图标 iconFont
字体图标使用场景︰主要用于显示网页中通用、常用的一些小图标精灵图是有诸多优点的,但是缺点很明显。此时,有一种技术的出现很好的解决了以上问题,就是字体图标iconfont.字体图标可以为前端工程师提供一种方便高效的图标使用方式,展示的是图标,本质属于字体轻量级∶一个图标字体要比一系列的图像要小。一旦字体加载了,图标就会马上渲染出来,减少了服务器请求·灵活性:本质其实是文字,可以很随意的改变颜色、产生阴影、透明效果、旋转等·兼容性:几乎支持所有的浏览器,请放心使用。原创 2024-01-11 21:04:03 · 361 阅读 · 0 评论 -
CSS盒子模型 box-sizing
这两个盒子的width都为300px,height都为100px,但是因为div2有50px的内边距padding,默认情况下,div2的实际宽、高度在width、height的基础上还要加上padding值,div2看上去就会比div1大很多。这意味着:当您设置元素的宽度/高度时,该元素通常看起来比您设置的更大(因为元素的边框和内边距已被添加到元素的指定宽度/高度中)。,则宽度和高度会包括内边距和边框:也就是说添加内边距和边框,不会改变元素的宽度和高度。算起,包含边框border和内边距padding。原创 2024-01-06 14:27:44 · 524 阅读 · 1 评论 -
响应式布局 Bootstrap
Bootstrap来自Twitter (推特),是目前最受欢迎的前端框架。Bootstrap是基于HTML、CSS和JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。框架∶顾名思义就是一套架构,它有一套比较完整的网页功能解决方案,而且控制权在框架本身,有预制样式库、组件和插件。使用者要按照框架所规定的某种规范进行开发。标准化的html+css编码规范提供了一套简洁、直观、强悍的组件有自己的生态圈,不断的更新迭代让开发更简单,提高了开发的效率。原创 2024-01-03 18:00:15 · 940 阅读 · 1 评论 -
Flex布局
Flex 是 Flexible Box 的缩写,意为“弹性布局”,它可以更轻松地设计灵活的响应式布局结构,而无需使用浮动或定位。介绍了Flex容器以及子项目的属性。原创 2023-12-28 11:03:37 · 1215 阅读 · 1 评论 -
背景缩放 background-size
background-size属性规定背景图像的尺寸。可以用数值,百分比,cover、contain来规定背景图像的尺寸。原创 2023-12-27 12:29:03 · 960 阅读 · 1 评论 -
浮动与清除浮动
浮动以及清除浮动的方法原创 2023-12-21 13:42:10 · 373 阅读 · 0 评论 -
CSS3新增选择器—属性选择器
属性选择器是通过元素的属性及属性值来选择元素的,这样就可以不借助类选择器或id选择器。下面介绍属性选择器的五种用法。简介:选择具有att属性且属性值等于val的E元素。匹配具有att属性且值以val开头的E元素。匹配具有att属性且值以val结尾的E元素。匹配具有att属性且值中含有val的E元素。简介:选择具有att属性的E元素。选择符:E[att="val"]选择符:E[att]原创 2023-12-24 14:35:32 · 541 阅读 · 1 评论 -
定位(position)
文章首先介绍了定位position的概念,组成。然后介绍了五种定位:静态定位、相对定位relative,绝对定位absolute,固定定位fixed,粘性定位。并对五种定位做了总结和扩展。原创 2023-12-25 13:12:29 · 1021 阅读 · 0 评论