CSS

(61)

中文颜色名与颜色 HTML 代码对照表

- 金色 #FFD700

HTML 网页弹出的遮罩层

例如,点击页面中的一个按钮,弹出一个 form 框,让用户填写并提交信息。 此时就需要一个遮罩层。 ## HTML ``` ``` ## CSS ``` .bg_mask { display: none

CSS opacity .70 带小数点是什么意思

opacity,单词对应的中文含义是 - 不透明性 - 模糊 CSS 中 opacity 用于设置一个元素的透明度。 ## 取值范围 0 ~ 1 ## 半透明 opacity: 0.x; 例如,0

微信小程序使用 flex 布局实现底部文字居中

尝试用 flex 布局在微信小程序中实现文本居中。 ## 模板代码 .wxml ``` by 大象笔记 ``` ## 样式代码 .wxss ``` .company { position: absol

360 浏览器极速模式下缩放至 80% 搜索框宽度有排版问题

form 宽度会随下方 div 宽度变更。 例如,将 div 宽度设置为 400px,form 会相应的变化为 400px 宽度。 360 浏览器极速模式下,12px 的字体大小不会随缩放变化。 360 有个最小的字体,缩

对最后一个元素采用特定的 CSS 样式

例如,网站正常的文章内图片,上下都有间距。 但是,对于文章最后的是一张图片的情况,图片下间距,加上 content 本身的底部间距,就会显得很难看。 所以,需要对最后一张图片做特殊处理。 可以使用 :last-child

bootstrap 4 的新增组件

## Card https://getbootstrap.com/docs/4.3/components/card/ ## 更多效果的轮播图 https://getbootstrap.com/docs/4.3/components

Bootstrap 4 的布局系统 Grid System

最近又在纠结前端 CSS 框架的选择,在对比了 And Design,tailwindcss 之后,最终还是选择了 Bootstrap 4。 Bootstrap 4 相对 Bootstrap 3 还是有不少的变化。先记录一下 Grid

页面图片加上阴影和圆角之后,好看多了

## 什么情况需要加上阴影和圆角 当很多产品图片没有色调规范,就会出现许多白底的图片,可能被背景色融为一体。容易分不清边界。 加上阴影和圆角之后,就能凸显对齐的效果。 另外,文章内部加上阴影和圆角之后,效果也非常好。 #

提取 Ant Design 的 CSS 样式文件

我在自己的项目中,不想使用 Ant Design 的 React 或者 Vue 组件,但是很想使用 Ant Design 的 CSS 样式,按钮之类的样式确实漂亮大气,比 bootstrap 之类的始祖样式好看太多。 找到对应的 CS