- 博客(9)
- 收藏
- 关注
RSS订阅原创 网页制作（header）
标签结构：通栏>版心>logo+导航+搜索+用户 一行排列（display+flex）通栏：宽度与浏览器窗口相同的盒子 全局背景色（background-color）logo功能：单击跳转到首页 搜索引擎优化 提升网站百度搜索排名。实现方式：.search>input+a/button。标签结构：h1>a>网站名称（搜索关键字)实现方法：标签结构：ul>li*3>a。优势：避免堆砌a标签 网站搜索排名降级。四.搜索区域（search）三.导航制作技巧（nav）二.logo的制作技巧。
2024-10-19 23:11:33
420
原创 网页制作的准备工作
网站跟目录是指存放网站的第一层文件夹 内部包含 当前网站的所有素材，包括html css 图片。uploads文件夹：存放非固定使用的图片素材 例如：商品图 宣传图需要上传的图片。base.css：基础公共样式，例如：清楚默认样式，设置网页基本样式。images文件夹：存放固定使用的图片素材 例如：logo 样式修饰图。1.布局思路：先整体再局部，从外到内，从上到下，从左到右。css文件夹：存放css文件（link标签引入）index.css：首页css样式。index.html：首页html文件。
2024-10-19 21:32:47
174
原创 flex布局
space-around 空白间距均分在弹性盒子两侧 两侧间距是弹性盒子间距的2倍。align-self 单独控制某个弹性盒子的侧轴对齐方式（给弹性盒子设置）属性值： stretch 弹性盒子沿着侧轴线被拉伸至铺满容器（弹性盒子侧轴方向没有尺寸才能拉伸）属性名：align-items 当前弹性容器内所有弹性盒子的侧轴对齐方式（给弹性容器设置）组成部分：弹性容器 弹性盒子 主轴（默认在水平方向） 侧轴/交叉轴；属性值：flex-start 默认值 弹性盒子从起点开始依次排列。
2024-10-19 14:32:19
1054
原创 css第六天
1.属性：float left 左浮动 right 右浮动2.特点：浮动后的盒子顶对齐浮动后的盒子具有行内块的特点父级宽度不够 浮动的子级会换行浮动后的盒子会脱标（脱离标准流的控制）3.清除浮动：子级浮动，父级没有高度 子级无法撑开父级高度，影响布局效果浮动的本质作用是实现图文混排效果。
2024-10-18 14:22:33
232
原创 css第五天
场景：行内元素添加margin和padding 无法改变元素垂直位置。记忆方法：从左上角顺时针赋值 没有取值的角 与对角的取值相同。scroll 溢出滚动（无论是否溢出 都显示滚动条的位置）属性值：x轴偏移量 Y轴偏移量 模糊半径 颜色 内外阴影。场景：父子级的标签，子级的添加 上外边距 会产生塌陷问题。正圆形状：给正方形盒子设置属性值为宽高的一半/50%胶囊形状：给长方形盒子设置圆角属性值为盒子高度的一半。场景：垂直排列的兄弟元素，上下margin会合并。属性值：数字+px/百分比（属性值是圆角半径）
2024-10-12 15:27:11
365
原创 css第四天
内边距-padding（内容和盒子边缘之间产生距离 盒子会撑大）外边距-margin（出现在盒子外面 拉开两个盒子之间的距离）属性名：margin 拉开两个盒子之间的距离 （与padding的属性值写法，含义相同）4值：上 右 下 左 3值：上 左右 下 2值：上下 左右。padding/padding-方位名词（p+方位名词首字母）属性名：border-方位名词（bd+方位名词首字母）结论：给盒子加border/padding会撑大盒子。盒子尺寸=内容尺寸+border尺寸+内边距尺寸。
2024-10-11 19:25:27
180
原创 css第三天
偶数标签：2n 奇数标签：2n+1 2n-1 找到5的倍数标签：5n 第5个以后的标签：n+5 第5个以前的：-n-5（n是从第0个开始 可以为任意数）作用：根据元素结构关系查找元素（在标签后面放上...child）：：before 在冒号前面标签里面最前面添加一个伪元素。开发面板（自动智能识别） 设计面板（手动测量尺寸和颜色）1. ：nth-child：根据结构关系查找多个元素。：：after 在冒号前面标签里面最后添加一个伪元素。E：first-child 查找第一个E元素。
2024-10-11 13:24:43
182
原创 css第二天
2.背景图： background-image（bgi） 装饰性的图片效果 属性值：url（背景图url）默认平铺的 效 果（复制的意思）3.背景图平铺方式：background-repeat （bgr）不平铺：no-repeat 水平平铺：repeat-x。垂直：正数向下，负数向下 只写一个关键字，另一个方向默认居中：数字只写一个值表示水平方向 垂直方向默认居中。属性名：display 属性值：block 块级 inline-block 行内块 inline 行内。
2024-10-09 09:07:41
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人