归档:2023年9月
-
网页制作思路
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: ;内边距 -
css盒子模型-盒子溢出overflow
-
css结构伪类选择器-伪元素选择器
2023-09-09 css结构伪类选择器-伪元素选择器1.结构伪类选择器作用：根据元素的结构关系查找元素语法：p:first-child { background-color: #fff; }图中E改为标签(如：p-div-h1等)p:nth-child(填公式)2.伪元素选择器语法：div::before { content: ; }作用：用来创建虚拟元素(伪元素)，用来摆放装饰性内容(注：元素前一般写两个::一个:也可以) -
css全部标签
2023-09-08 css全部标签CSS常用标签字体属性：(font)大小：font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 ：font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 ：line-height: normal;(正常) 单位：PX、PD、EM 粗细 ：font-weight: bold;(粗体) lighter;(细体) normal;(正常) 变体 ：font-variant: small-caps;(小型大写字母) normal;(正常) 大小写...
