CSS
百思不得小李
互相学习,多多指教
展开
-
css 剪切属性clip-path
【代码】css 剪切属性clip-path。原创 2024-06-11 11:18:56 · 324 阅读 · 0 评论 -
flex布局,换行的元素上下设置间距
2) 设置需要更改间距的元素(li)的margin-bottom:14px;然后使用结构伪类选择器设置最后的几个元素margin-bottom: 0;1)设置需要更改间距的元素(li)的margin-bottom:14px,然后用父容器(ul)的margin-bottom: -14px;当我们使用弹性盒子布局后,默认元素是没有外边距的,紧挨着样式就有点丑,如果想使换行后,元素的外边距有个距离,可以用如下方法解决。原创 2023-12-12 18:23:00 · 4507 阅读 · 0 评论 -
一篇文章入门BootStrap
bootstrap简介bootstrap是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的门户网站和应用框架。bootstrap中文网https://www.bootcss.com/,目前bootstrap最新版本是bootstrap v4.4.1,对于偏展示型为主的网站,如果我们想一套代码同时适配能运行到PC和不同的移动设备上,那么用bootstrap做响应式网站是最适合的了,比如企业的展示型官网就很适合。但是如果是比较复杂的,业务逻辑较多的网站就不适合用bootstrap做响应式网站了。B原创 2020-06-02 20:52:25 · 132 阅读 · 0 评论 -
CSS常用单位:px/em&rem/vw&vh
px单位最常见,绝对单位,页面按精确像素展示.固定大小的单位,也就是说无论页面怎么伸缩扩大缩小,元素的大小始终是那么大。移动端最好不要用此单位,因为它无法完全响应适配不同的设备。PC网页可以视不同情况来用此单位,浏览器都允许用户重新设置文字的大小,PC上最小字体限制为12px 手机上最小字体限制为8px,如果我们设置的字体小于这个限制的最小字体,那么字体默认就是以最小字体显示。如下图可以在谷歌浏...原创 2020-04-06 19:48:15 · 325 阅读 · 0 评论 -
CSS盒模型、行内元素与块元素区别
CSS盒模型、行内元素与块元素区别每次面试十有八九会问到CSS盒模型,CSS盒模型分为W3C标准盒模型和IE盒模型。W3C标准盒模型W3C标准盒模型属性的width和height只包含content,不包含border和padding.如下图所示,盒子大小width=内容content宽度=200px,height=内容content高度=200px。IE盒模型IE盒模型属性的widt...原创 2020-04-06 12:18:27 · 230 阅读 · 0 评论