AI智能
改变未来

标签:CSS

第50页
CSS实现一个自适应的正方形的方法示例-爱站程序员基地
CSS

CSS实现一个自适应的正方形的方法示例

AI

传统方法正方形用固定的形式写 直接长=宽写固定的值如下 .box{width: 200px;height: 200px;background: pink;color: #666;} 但是很多情况下,在移动端的设计里,图片的宽度随着不同的移动...

css实现垂直居中的方式-爱站程序员基地
CSS

css实现垂直居中的方式

AI

使用绝对定位和负外边距对块级元素进行垂直居中 HTML <div id=\"box\">    <div id=\"child\"></div></div>复制代码 CSS #box {   ...

CSS实现手风琴-爱站程序员基地
CSS

CSS实现手风琴

AI

利用CSS :target实现手风琴 HTML部分 <div class=\"menu\"><div id=\"brand\" class=\"section\"><h2><a href=\"#br...

CSS定位position-爱站程序员基地
CSS

CSS定位position

AI

(一:把元素拿起来)position:;定位属性作用:设置或者是检索元素得定位方式 (二:确定参照物)1:position:static; [静态定位] position属性得默认值。 2:position:absolute; [绝对定位]...

CSS基础——emment语法,有效提高编写速率-爱站程序员基地
CSS

CSS基础——emment语法,有效提高编写速率

AI

在日常的工作中,我们都会往便利、提高速度的方向去编写代码,因此,emmet语法就给予了我们便利。 emment简介 Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。...

CSS基础3-爱站程序员基地
CSS

CSS基础3

AI

CSS基础3 盒子模型 定位 盒子模型 外边距 边框 内边距 外边距 margin margin-top: 元素 距离父元素或者兄弟元素 上面的距离margin-right: 元素 距离父元素或者兄弟元素 右边的距离margin-left:...

css复习总结-爱站程序员基地
CSS

css复习总结

AI

基础知识 1.css:样式表的定义2.css:(Cascading Style Sheets)层叠样式表。 位置 1.内部样式head区域style标签里面 <head><style type=\"text/css\" &...

CSS实现简易钟表(无刻度,极简版)-爱站程序员基地
CSS

CSS实现简易钟表(无刻度,极简版)

AI

CSS实现简易钟表(无刻度,极简版,transform变形) 欢迎来到我的博客! 在下刚入门Web前端,在学习transform的过程中,老师通过旋转三个指针的容器(三个同样大小叠在一起的透明背景圆形)实现了一个简易钟表。随后我突发奇想就想...

css定位补充-爱站程序员基地
CSS

css定位补充

AI

css定位补充 position属性 relative absolute fixed 定位下的居中 多个定位元素的重叠 补充 position属性 默认值:static,静态定位 relative:相对定位 absolute:绝对定位 fi...