css
文章平均质量分 77
归途风景111
都入冬了,你还执着于盛夏的蝉鸣和深秋的落叶么?
展开
-
css的属性选择器
CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素。属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文将会比较全面的介绍属性选择器,尽可能的去挖掘这个选择器在不同场景下的不同用法。原创 2023-04-20 17:41:58 · 1859 阅读 · 1 评论 -
CSS设置滚动条样式
今天在写一个项目的时候遇到了,这样一个小难点要设置一个类似于页面的滚动条,查阅了相关文档之后,我会了原创 2022-03-25 09:43:55 · 60943 阅读 · 14 评论 -
纯css的大于号样式
今天遇到了一个问题,说是让用纯css来写一个大于号的样式原创 2022-03-04 20:45:55 · 949 阅读 · 0 评论 -
div边框弧形设计,css3的border-radius属性
border-radius属性向 div 元素添加圆角边框: <div></div> <style> div { background-color: #15dfdf; width: 350px; height: 350px; border-radius: 36px 36px 36px 36px; } </style>原创 2022-02-21 14:24:04 · 3339 阅读 · 1 评论 -
总结一下HTML5和css3新特性
一、常见的块级、行级、空元素在CSS中规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,比如div默认display属性值为“block”,成为“块级”元素;span默认display属性值为“inline”,是“行内”元素。我们在平常的项目中经常使用到的有:行内元素有:span a b i img input select strong块级元素有:div p h1-h6 ul table form ul ol li dl dt dd…空元素(没原创 2022-01-11 16:15:36 · 591 阅读 · 0 评论 -
flex布局
网页布局(layout)是 CSS 的一个重点应用布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。我们完全不用操心浏览器冲突,可以很安全的使用这样布局1.什么是flex布局Flex是Flexible Box的缩写 flex布局表示弹性布局,可以为盒状模型提供最大的灵活性。适原创 2022-01-09 19:06:07 · 170 阅读 · 0 评论 -
元素居中的方式
让元素在父元素中居中的三种方式原创 2022-01-07 15:10:54 · 404 阅读 · 0 评论 -
postiton定位属性值
position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed和sticky,这里sticky是CSS3新发布的一个属性。原创 2022-01-07 14:56:11 · 116 阅读 · 0 评论 -
盒模型的用法
盒模型的转换,js获取盒模型原创 2022-01-05 16:11:50 · 1115 阅读 · 0 评论 -
清除浮动的常用方法
清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0的问题如下:给父盒子设置一个boder,内部放两个盒子一个big 一个small,未给big和small设置浮动,则他们会默认撑开父盒子。原创 2022-01-06 10:34:45 · 18000 阅读 · 2 评论 -
BFC常用的方法
BFC就是“块级格式化上下文”的意思,简单来说,BFC 就是一种属性,这种属性会影响着元素的定位以及与其兄弟元素之间的相互作用。BFC是一块用来独立的布局环境,保护其中内部元素不受外部影响,也不影响外部。触发BFC的方法,BFC的应用原创 2022-01-06 10:31:31 · 1304 阅读 · 0 评论