
CSS学习-02
文章目录 1.元素显示模式 1.1什么是元素显示模式 1.2 块元素 1.3行内元素 1.4 行内块元素 1.5 显示模式的转换 2.背景 3.CSS三大特性 3.1 层叠性 3.2 继承性 3.3 优先级 1.元素显示模式 1.1什么是元...

文章目录 1.元素显示模式 1.1什么是元素显示模式 1.2 块元素 1.3行内元素 1.4 行内块元素 1.5 显示模式的转换 2.背景 3.CSS三大特性 3.1 层叠性 3.2 继承性 3.3 优先级 1.元素显示模式 1.1什么是元...

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

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

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

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

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

Box {overflow-x: auto; /* 横向溢出滚动 */white-space: nowrap; /* 溢出不换行 */}Box::-webkit-scrollbar {Display:none; /* 隐藏滚动条,webki...

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

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

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