首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
html与CSS
喵了个咪同学
创建于2021-05-28
订阅专栏
css样式,布局和动态效果
等 5 人订阅
共13篇文章
创建于2021-05-28
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
一些小知识点
HTML5中去掉input number的右边上下箭头 JavaScript中双叹号(!!)作用 文本不换行
border和伪元素构造正多边形
三角形 将div的长宽都设为0,接着把底部border的宽度设为87px,左右的border宽度设为50px(颜色设为透明transparent),就可以做出一个漂亮的三角形。 正方形 正方形应该是最
使用clip-path绘制多边形
如果不考虑一些浏览器支持度的问题,使用clip-path来绘制多边形,还比利用伪元素还制作多边形来得简单许多,而且也可以做到单一div绘制超过八边形-
CSS选择器世界深度剖析
精通CSS选择符-众多高级选择器技术的核心 基本选择器 选择器 类型 功能描述 * 通配选择器 选择文档中所有HTML元素 E 元素选择器 选择指定类型的HTML元素 #id ID选择器
居中布局
水平居中,垂直居中,水平垂直居中 的各种方法 最好用的是flex布局,但是是新特性,兼容性存在问题。
CSS样式覆盖原则
规则一:由于继承而发生样式冲突时,最近祖先获胜。 CSS的继承机制使得元素可以从包含它的祖先元素中继承样式,考虑下面这种情况: strong分别从
margin重叠
说一下你理解margin重叠的问题 产生折叠的必备条件: margin必须是邻接的,而根据w3c规范,两个margin 是邻接的必须满足以下条件:
CSS伪类和伪元素
伪类的概念引入是为了能够表达在文档树语法之外无法通过简单的选择器表达的信息。伪元素是在html文档树语法的基础上创造的一种抽象概念。
CSS动画animation
基本用法 首先,CSS Animation需要指定动画一个周期持续的时间,以及动画效果的名称。 上面代码表示,当鼠标悬停在div元素上时,会产生名为rainbow的动画效果,持续时间为1秒。
CSS过渡transition
过渡transition是一个复合属性,包括transition-property、transition-duration、transition-timing-function、transition-
css的Transform详解
Transform字面上就是变形,改变的意思。 在CSS3中transform主要包括以下几种: 旋转rotate 扭曲skew 缩放scale 移动translate 矩阵变形matrix。
@font-face
@font-face CSS at-rule 指定一个用于显示文本的自定义字体;字体能从远程服务器或者用户本地安装的字体加载. 如果提供了local()函数,从用户本地查找指定的字体名称
flex 布局 语法
Webkit 内核的浏览器,必须加上 -webkit 前缀。 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。 容器默认存在两根轴:水平的主…