CSS 中文开发手册 规定灵活项目的方向 | flex-direction (Flexible Box Layout) - CSS 中文开发手册 CSSflex-direction属性指定了内部元素是如何在 flex 容器中布局的,定义了主轴的方向(正方向或反方向)。 本文标题:规定灵活项目的方向 ... ...
分类:
Web程序 时间:
2020-07-04 01:47:44
阅读次数:
82
box-sizing属性用来定义元素的width和height所表示的区域,该属性一般有三种值:content-box、border-box、inherit。其中inherit表示box-sizing的值应该从父元素继承。content-box和border-box的主要区别就是元素的width和h ...
分类:
Web程序 时间:
2020-07-04 01:17:58
阅读次数:
91
在设计图会经常使用到的阴影效果,如何用css3来实现呢?这篇文章主要整理box-shadow的一些好看常用的投影效果。 1、曲面/椭圆投影效果: 代码如下: <style> .shadow_wrap{ width: 100%;background:#E6EEF6;max-width: 600px;m ...
分类:
Web程序 时间:
2020-07-03 21:37:09
阅读次数:
166
当我们在浏览一些网站时发现,里面含有一些十分个性的字体,这些字体并不是我们电脑上安装的字体。那么css是如何实现自定义字体的呢? 资源网站大全https://55wd.com 在css3中可以通过@font-face模块,把自己定义的Web字体嵌入到你的网页,web设计师可以使用他们喜欢的任意字体, ...
分类:
Web程序 时间:
2020-07-03 21:27:10
阅读次数:
86
为什么要写自适应的页面(响应式页面)? 众所周知,电脑、平板、手机的屏幕是差距很大的,假如在电脑上写好了一个页面,在电脑上看起来不错,但是如果放到手机上的话,那可能就会乱的一塌糊涂,这时候怎么解决呢?以前,可以再专门为手机定制一个页面,当用户访问的时候,判断设备是手机还是电脑,如果是手机就跳转到相应 ...
分类:
Web程序 时间:
2020-07-03 19:19:56
阅读次数:
214
<div class="flex"> <label>城市</label> <div class="dealerbo"> <select><option value="110000">北京市</option></select> </div></div> CSS .dealerbo { border-b ...
分类:
其他好文 时间:
2020-07-03 17:13:02
阅读次数:
77
有一些网页中,有时候会碰到饼状图的需求,比如统计图表,进度指示器,定时器等,实现方式也是各种各样,现在也有不少现成的js库,可以直接拿来使用,方便很多。这里笔者为大家演示一种纯css实现饼状图效果的方法。 资源网站大全 https://55wd.com <div class="pie"></div> ...
分类:
Web程序 时间:
2020-07-03 12:43:44
阅读次数:
93
要实现一个功能动态表单中嵌套动态表单如下: 仔细看看antd的文档其实不难 具体步骤如下(代码用ts写的) 1.建立一个 名为 ConcatRegion的组件(动态表单A)代码如下 接口如下: interface ConcatRegionProps { form: ReturnType<typeof ...
分类:
其他好文 时间:
2020-07-03 12:31:00
阅读次数:
77
Bootstrap进度条组件详解 首先需要导入相关bootsrap的组件包:bootstrap.min.css、jquery.min.js、bootstrap.min.js 等,这个就不多说了 在网页中,进度条的效果并不少见,如:平分系统、加载状态等,进度条组件使用了css3的transition和 ...
分类:
其他好文 时间:
2020-07-03 10:27:12
阅读次数:
39
Flex容器属性 display 要改变元素的模式为伸缩容器,需要使用display属性。 display:flex | inline-flex/*flex:设置为块级伸缩容器。 inline-flex:设置为内联级伸缩容器。*/ <!DOCTYPE html> <html lang="en" xm ...
分类:
其他好文 时间:
2020-07-02 21:29:07
阅读次数:
99