分类html5+css3+less学习 下共有文章16篇
-
此内容被密码保护
-
对象拟合
2023-12-10 对象拟合object-fit CSS 属性指定可替换元素（例如： 或 ）的内容应该如何适应到其使用高度和宽度确定的框。你可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对齐方式。图片，视频，都可以用object-fit: fill;object-fit: contain;object-fit: cover;object-fit: none;object-fit: scale-down; -
学成在线项目首页源码
2023-10-15 学成在线项目首页源码index.html<!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>学成在线</title> <link rel="styles... -
网页制作思路
2023-09-16 网页制作思路1.布局思路：先整体再局部，从外到内，从上到下，从左到右2.CSS实现思路： 1.画盒子，调整盒子范围->宽高背景色 2.调整盒子位置->flex布局，内外边距 3.控制图片，文字内容样式 -
我2小时写的html摄影网站
2023-09-10 我2小时写的html摄影网站所有代码都是我编写的，仅供学习交流，禁止商用，张芷豪编写！！！二改，搭建记得留我名！代码无图片，想要完整版可以加我QQ2302664078演示地址点击跳转html部分<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&... -
html音频视频标签
2023-09-10 html音频视频标签1.音频标签<audio src="音频路径"></audio>2.视频标签<video src="视频路径"></video> -
css图片自适应
-
flex布局模型
2023-09-09 flex布局模型1.flex布局语法：display: flex;弹性容器弹性盒子主轴：默认在水平方向侧轴/交叉轴：默认在垂直方向display: flex;父级：弹性容器子级：弹性盒子2.主轴对齐方式语法：justify-content: ;(注：工作当中后4个常用)3.侧轴对齐方式语法：align-items: ;当前弹性容器内所有弹性盒子的侧轴对齐方式（给弹性容器设置）align-self: ;单独控制某个弹性盒子的侧轴对齐方式（给弹性盒子设置）4.修改主轴方向语法：flex-direction: ;示例：代码：html部分：css部分：.zz1 { /* 设置弹性布局 */ di... -
css行内元素垂直内外边距
2023-09-09 css行内元素垂直内外边距比如span设置css为margin或者padding只显示左外边距，顶外边距要设置行高line-height: ; -
css外边距合并-塌陷问题
2023-09-09 css外边距合并-塌陷问题1.合并现象场景：垂直排列的兄弟元素，上下margin会合并现象：取连个margin中较大的值生效如：.z1 { margin-bottom: 10px; } .z2 { margin-top: 50px; } 上下间距只显示为50px2.塌陷问题场景：父子级的标签，子级的添加，上外边距会产生塌陷问题现象：导致父级一起向下移动推荐使用padding: ;内边距
