1、border-radius 圆角是做网页永远绕不过的话题，以前基本是通过背景图片做的，有了CSS3后可以使用简单的属性搞定，可以通过border-radius设置元素的圆角半径。 border-radius: 5px; 对于正方形border-radius设置为边长的一半，就变成圆了。 width: 100px; height: 100px; border-radius: 50px; border-radius是缩写格式，其实border-radius和border属性一样，还可以把各个角单独拆分出来，
border-top, border-right, border-bottom, border-left: 分别设置顶部、右侧、底部、左侧的边框。
经过上一篇文章，开发出来了第二个 Flutter 程序，接下来是给大家详细的介绍下 Flutter 的布局组件。
-webkit-tap-highlight-color：rgba（0，0，0，0）;
暑假实习的时候带我的师傅，告诉我要注重基础，底层实现原理。才能在日新月异的技术行业站住脚跟，以不变应万变，万丈高楼平地起，所以我们应该不断的去学习，去交流。交流，不应该仅仅停留在技术方面，更多的应该是在思维方式。语言只是一种工具，编程的思想才是核心。我们只有在明白了编程的思想之后，才能去创造属于自己的东西，随意切换。授之以鱼不如授之以渔。在我们的时代应该是去创造而不是模仿。回到学校之后，我开始我学习的新旅程；读一本好书亦如交一个有趣的朋友。最近读了一本《CSS揭秘》，里面有很多有意思的CSS技巧，有时间有兴趣的朋友可以去读读这本书，读完之后我们可以一起交流，学习，一起解答你我的迷惑知识点，期待和你的交流。读完这本书的时候我也对书中的知识点进行了总结归纳：
例：box-shadow：10px 10px 5px 5px red inset;
定义 边框(Border）属性是对HTML元素的边框进行定义的CSS属性。 概述 通过边框的样式设置，给元素增加更丰富的外观 边框的设置包含以下内容: 边框的类型 边框的尺寸 边框的前景背景 圆角边框 列表 元素 描述 border border 属性是规定各种单独的边界属性的简写属性，可用于设置一个或多个以下属性的值：border-width，border-style，border-color。 border-bottom border-bottom 该属性是用来将下边框的所有属性：border-bott
HTML5学堂：有阴影的地方，必定有光，每一个物体都会有一个阴影与它如影随形。当然在页面制作中，我们使用到的标签也是有着各种各样不同的阴影效果的，比如模块的外发光、元素的背光阴影等等。针对这些效果，作为前端的我们又该如何去操作，是使用图片来替代？还是考虑代码操作呢？ 本文主要内容 1. CSS3的阴影介绍 2. 盒阴影语法 3. 盒阴影的特征 4. CSS3盒阴影特效 5. 总结 1. CSS3的阴影介绍 阴影可以分文字阴影和盒模型阴影(简称“盒阴影”)。盒阴影与文本阴影一样，都可以代替具有阴影效果的图片
对于系统自带的窗体，博主实在不敢恭维，测试时使用方便快捷，但真正项目中无法使用，只因不美观的外表，每次都很头疼窗体的美化，这里列出一些需要解决的问题和自己收集到的解决方法，如有错误请指出。
原文链接：https://note.noxussj.top/?source=cloudtencent 定位相关 相对定位 .my-content { position: relative; }
content-box : width = 内容的宽度 height = 内容的高度
大家好，我叫Jack冯； 本人20年硕士毕业于广东工业大学，于2020年6月加入37手游安卓团队；目前主要负责海外游戏发行安卓相关开发。
最近，QQ的办公版本——TIM进行了一次更新升级。本次更新升级大幅修改了界面的样式，看起来更加的清爽、简洁和高效了。
Padding可以给其子节点添加填充（留白），和边距效果类似。我们在前面很多示例中都已经使用过它了，现在来看看它的定义：
这可能是关于 UI 设计最重要又容易被忽视一个内容：光来自天空。 光线来自天空，从上往上，以至于从下往上的光让人看起来很怪异。
传说的像素眼，也就是可以快速分辨出 1px 以上差异的双眼，往往由资深设计师所 get√，小鸡君本人是个苦逼程序员，但小鸡君的像素眼也不比任何一个设计师差。
我们本节开始继续去搞 接口库的主题外观，开搞之前，我们先学习下边框彩色的css：
（友情提示：RN学习，从最基础的开始，大家不要嫌弃太基础，会的同学请自行略过，希望不要耽误已经会的同学的宝贵时间） 从今天开始我们进入基础组件也就是一些简单控件的学习，之前写的文章貌似太正式了，我正在考虑怎么样才能写的有意思，想想挺难的，算了，写一步算一步吧。今天我们就从最简答的View和Text控件讲起。 View View其实就是UI最基础的组件，跟我们android中的View不同，它更像我们android中的LinearLayout，RN中的View是一个支持Flexbox布局、样式、一些触摸处理和
css3中我们知道可以使用box-shadow属性轻松的为元素添加阴影效果，并且可以设置多组效果，每组参数值用逗号隔开。如果把box-shadow特性的两个偏移量 h-shadow 、v-shadow设置为0，将模糊值blur也设置为0，此时增加扩张半径，就会使元素的投影变为实线边框。这样就可以模拟多边框效果了，首先看下box-shadow语法和参数。
1.border：<line-width> || <line-style> || <color>
CSS第五天-定位 静态定位：static 定位的默认值，写边偏移也不会有效果 ---- 相对定位：relative 父元素搭配子绝父相使用 根据自身原来的位置，进行定位 没有脱标，在页面还占有位置 天生就是给绝对定位当爹用 ---- 绝对定位：absolute 根据最近带有定位(非静态)的祖先元素来定位 子绝父相 脱离标准流，在页面不占有位置 绝对定位，固定定位，浮动，可以直接设置宽度和高度，默认宽度是内容宽度 ---- 固定定位：fixed 永远根据浏览器可视区域定位，不会随着滚动条的滚动而滚动 可以
1. 通配符选择器： *{...}; 选择所有元素； 2. HTML标签选择器：p{...} 、#p{...}、.p{...}; 选择指定的所有标签，指定id，指定类的所有标签； 3. 类选择器选择有特定 class 属性的 HTML 元素，如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。选择所有具有 class="center" 的 元素：p.center；
元素：p.center；
边框 border-image 设置所有边框图像的速记属性。 -border-image-source 用于指定要用于绘制边框的图像的位置 -border-image-sli ce 图像边界向内偏移 -border-image-width 图像边界的宽度 -border-image-outset 用于指定在边框外部绘制 border-image-area 的量 -border-image-repeat 用于设置图像边界是否应重复（repeat）、拉伸（stretch）或铺满（round）。 border-
1 1,225 views A+ 所属分类：技术 〓注意事项〓说明仅供参考，因浏览器显示差异或属性覆盖等问题可能看不到效果，具体使用请自行摸索，欢迎各位提供纠正完善，更多属性代码参考请到W3school，谢谢。 以下是通用代码(即红色部分)，你可以利用它修改你想修改的区域(即下面蓝色的部分)的属性，即：区域{通用代码} ＊如body{font:italic bold 105% small-caps"Times New Roman",Georgia,Serif;} 记得删除类似①②③的标识。 〓字
自定义滚动条现在越来越流行，很值得研究一翻。为什么需要自定义滚动？浏览器的默认的滚动条让UI在多个操作系统中看起来不一致，使用定义滚动我们可以统一风格。
1. 动画属性 属性 描述 CSS @keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3 animation 复合属性。检索或设置对象所应用的动画特效。 3 animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用，因为动画名称由@keyframes定义 3 animation-duration 检索或设置对象动画的持续时间 3 animation-timing-func
1、打开PPT，新建一页新的ppt。 2、选项“插入”，选择“形状”，找到基本形状里面的同心圆（圆，空心）。 3、右键设置大小，选择宽度和高度都为9CM。
box-shadow 在前端的 CSS 编写工作想必十分常见。但是 box-shadow 除去它的常规用法，其实还存在许多不为人知的奇技淫巧。 喜欢 markdown 版本的可以戳这里 。 box-shadow 常规用法 说到 box-shadow ，首先想到的必然是它能够生成阴影，所以称之为 shaodow ，简单看看它的语法： 基础属性语法 box-shadow 属性向框添加一个或多个阴影。 box-shadow: h-shadow v-shadow blur spread color inset;
其中边框圆角、边框阴影属性，应用十分广泛，兼容性也相对较好，具有符合渐进增强原则的特征，我们需要重点掌握。
border-image: linear-gradient 边框线性渐变的思路
我把Echarts中常用的标题、图例、提示框、工具栏等配置项归类到Echarts 图表的基本配置项。各个配置项主要的配置参数如下：
当然如果没有学习之前的知识，可以到我的主页中查看之前的文章：秋落雨微凉 - 博客园
尺寸 元素描述版本heightheight 规定元素内容区高度。1max-heightmax-height 规定元素设置最大高度。2max-widthmax-width 规定元素设置最大宽度。2min-heightmin-height 规定元素设置最小高度。2min-widthmin-width 规定元素设置最小宽度。2widthwidth规定元素内容区的宽度。1 边距 元素描述版本marginmargin规定元素中四个方向的外边距属性。1margin-bottom设置元素的下外边距。1margin-le
AppBar（title属性，Text组件； action：动作响应；！！！！ titleSpacing：标题文字间距； toolbarOpacity：标题透明度；）
本文完整的 DEMO，你可以戳这里：transparent 配合 SVG feMorphology 滤镜生成不规则边框
1. onPressed 按下按钮时触发的回调方法，为必填参数，如果值为 null 表示禁用按钮，会显示禁用相关样式；
这是一张著名的PS照片，2008年伊朗政府在媒体上公布了他们成功发射导弹的照片，但是紧接着就有人出来打脸，证明了这张图是伪造的，可以看到底部的烟雾连形状都一毛一样。随着技术的发展，近几年人工智能也参与到“PS大战”中，譬如此前风靡reddit的deepfakes，以及将奥巴马换到某视频上做出一条假新闻等等。
标题图 Day9:html和css <head> <meta charset="UTF-8"> <title></title> <meta name="description" content="" /> <meta name="Keywords" content="" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> <li
相信你以前肯定尝试过 CSS 中的半透明颜色，比如 rgba() 和 hsla()。
[New]Vue项目使用vw实现移动端适配教程 2018年1月25日 11:58:01 最新的大漠老师移动端适配方案, 使用这套方案可以取代flexible.js 首先建议读者先去学习大漠老师的这篇
利用多投影重叠的原理，实现曲线阴影与翘边阴影的效果，花一个小时看完的课程，理解的似懂非懂。直接发一下老师写的成品吧。用到来取。css都补上了注释。
E:nth-child(n)：选中E的父亲的第n个孩子并且该孩子必须是E否则选不中
CSS已成为Web设计不可或缺的一部分，它让web页面变得更加美观，更具设计感。在前端面试中，CSS面试题也占有一定比重。 本篇文章，将为大家分享45个和CSS相关的面试题及其解析，难度分为：初级、中级、高级三个部分，由易到难，循序渐进。
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
首先认识一下引导蒙层，如下图页面是一个蒙层，会在某个局部位置高亮我们需要重点突出的内容：
(1). 内联方式，又称为行内样式，将样式定义在某 html 元素中(style 属性中)
我在之前的文章文本、图片和按钮在Flutter中怎么用中，简单介绍过按钮组件，本篇文章来详细聊聊Flutter中的各种按钮组件的各种应用场景。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
