css | IT懒猫 - 技术成就梦想

catroom

catroom

学习给人智慧，对真理而言，信服比流言更危险。

CSS transform 属性解析

属性定义及使用说明 Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转，缩放，移动，倾斜等。语法 transform: none|transform-functions; 属性值定义：实例旋转 div 元素： <html> <head> <meta charset="utf-8"> <title>...

脚本代码 2023-08-09 318 标签: css

阅读详细

HTML 容器Flex布局

假设flex容器为 .box ，子元素为 .item 。 1.定义容器为flex布局 .box{ display: -webkit-flex; /*webkit*/ display: flex; } /*行内flex*/ .box{ display: -webkit-inline-flex; /*webkit*/ display:inline-flex; } 2...

脚本代码 2023-05-09 448 标签: HTML css

阅读详细

CSS 英文、中文强制换行与不换行的代码实例

word-break 语法 word-break : normal | break-all | keep-all 参数： normal : 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行 break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本 keep-all : 与所有非亚洲语言的normal相同。...

脚本代码 2023-04-20 277 标签: css

阅读详细

css 中的百分比

CSS支持多种单位形式，如百分比、px、pt、rem等，百分比和px是常用的单位，随着移动端和响应式的流行，rem、vh、vw也开始普遍使用。今天在SegmentFault社区碰到了两个关于百分比计算的问题，一个是在translate中使用百分比的时候，是相对于哪个DOM元素的大小计算的；另外一个是在padding、margin等中使用百分比时，百分比又是怎么转为px的呢？对于第一个，移动距离...

博客 2023-04-19 202 标签: css 前端技术

阅读详细

pre code内容自动换行，取消滚动条

场景 <pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来表示计算机的源代码。而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长，结果会造成页面撑开或者代码超出边界。非常难受，如果用 overflow:hidden那么会将原来的代码隐藏掉，用...

脚本代码 2023-03-09 297 标签: css 前端技术

阅读详细

CSS 创建搜索框

图标资源用的是 Font Awesome4.7 版本的图标。Font Awesome 图标教程可以参考：Font Awesome 图标可以直接引入第三方 CDN 库： <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css&q...

脚本代码 2023-03-06 239 标签: css

阅读详细

CSS 创建导航栏图标

font awesome图标图标资源用的是 Font Awesome4.7 版本的图标。Font Awesome 图标教程可以参考：Font Awesome 图标可以直接引入第三方 CDN 库： <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/fon...

脚本代码 2023-03-06 246 标签: css

阅读详细

CSS outline 属性解析

CSS中 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 outline简写属性在一个声明中设置所有的轮廓属性。可以设置的属性分别是（按顺序）：outline-color, outline-style, outline-width 如果不设置其中的某个值，也不会出问题，比如 outline:solid #ff0000; 也是允许的。 outline属性...

博客 2023-02-08 322 标签: css

阅读详细

CSS rgba() 函数颜色生成

CSS中 rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。 RGBA 即红色、绿色、蓝色、透明度（英语：Red, Green, Blue、Alpha）。红色（R）0 到 255 间的整数，代表颜色中的红色成分。。绿色（G）0 到 255 间的整数，代表颜色中的绿色成分。蓝色（B）0 到 255 间的整数，代表颜色中的蓝色成分。透明度（A）取值 ...

博客 2023-01-09 372 标签: css

阅读详细

CSS text-align 文本水平对齐属性

CSS中 text-align属性指定元素文本的水平对齐方式。属性值： left : 把文本排列到左边。默认值：由浏览器决定。 right : 把文本排列到右边。 center : 把文本排列到中间。 justify : 实现两端对齐文本效果。 inherit : 规定应该从父元素继承 text-align 属性的值。实例： <html> <head> <me...

博客 2023-01-03 327 标签: css

阅读详细

user_photo default icons

catroom

学习给人智慧，对真理而言，信服比流言更危险。

热门文章

最新文章