摘要: Day3 综合案例练习 CSS 书写顺序: 1.盒子模型属性 2.文字样式 3.圆角、阴影等修饰属性 (先整体再局部) 用像素大厨分析网页。 准备工作: 清除默认样式,并启动盒子大小的内减模式 * { /* 最基础:清除默认页面样式部分 + 启动内减模式 */ margin: 0; padding: 阅读全文
posted @ 2025-06-02 15:46 岑素月 阅读(8) 评论(0) 推荐(0)
摘要: Day3 3-CSS其余操作 1.清除默认样式 两种方式,推荐方法一 /* 方法一:京东的通配符选择器*/ * { margin: 0; padding: 0; } /* 方法二:淘宝的并集选择器,其中包括一些已经淘汰的标签选择器 */ (一堆的并集选择器) { margin: 0; padding 阅读全文
posted @ 2025-06-01 11:55 岑素月 阅读(15) 评论(0) 推荐(0)
摘要: Day3 2-盒子模型(重点) 组成 ○ 作用:布局网页,摆放盒子和内容 ○ 重要组成部分: ● 内容区域 - width & height ● 内边距 - padding/padding-方位名词 多值写法:(从最上开始,顺时针赋值,如果当前方向没有数值,则取值与对侧相同) ○ 一个值:上下左右 阅读全文
posted @ 2025-05-31 18:27 岑素月 阅读(7) 评论(0) 推荐(0)
摘要: Day2课程 5-显示模式 显示模式:标签(元素)的显示方式 验证 分三步走: 1. 写两个相同的标签,在浏览器中查看是否在一行内显示(是否 独占一行) 2. 看默认宽高是多少(宽高尺寸 是否 由内容展开) 3. 加宽高,看是否生效 1.块级元素 ○ 独占一行 ○ 宽度默认是父级的100% ○ 添加 阅读全文
posted @ 2025-05-29 14:07 岑素月 阅读(45) 评论(0) 推荐(0)
摘要: Day2课程 4-background 的两种写法 背景图片background - 拆分写法、复合写法 复合写法 属性名:background 属性值:背景色 背景图 平铺方式 位置/缩放 固定(空格隔开各个属性,不区分顺序) 拆分写法的各个属性及属性值 背景图的相关属性 描述 属性 背景色 ba 阅读全文
posted @ 2025-05-28 13:00 岑素月 阅读(13) 评论(0) 推荐(0)
摘要: VSCode技巧之 Emmet 写法 Emmet写法:代码的简写方式,输入缩写 vscode 会自动生成对应的代码 html css:大多数简写方式为属性单词的首字母 反正多用就行啦哈哈 阅读全文
posted @ 2025-05-24 22:27 岑素月 阅读(7) 评论(0) 推荐(0)
摘要: Day2 2-CSS特性 css特性:化简代码 / 定位问题,并解决问题 继承性 层叠性 优先级 1. 继承性 子级默认继承父级的文字控制属性。 ○ 一般把文字控制的属性设置给body的标签,这样的话包里所有标签都会继承这两行文字相关的效果。 ○ 而不一样的文字就用选择器找到对应的标签单独设置即可。 阅读全文
posted @ 2025-05-24 17:10 岑素月 阅读(17) 评论(0) 推荐(0)
摘要: 课程内容:复合选择器、CSS特性、背景属性、显示模式 复合选择器 //只要是选择器,作用就是找标签。 复合选择器就是多个基础选择器,为了更准确高效地选择目标元素(标签),通过不同的方式组合而成的选择器。 后代选择器 选中某元素所有的后代元素,写法是父选择器 子选择器 {CSS属性},用空格隔开。(反 阅读全文
posted @ 2025-05-23 17:49 岑素月 阅读(16) 评论(0) 推荐(0)
摘要: 网页制作思路: 从上到下,先整体再局部 先标签,再css美化 综合案例1——新闻详情 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device- 阅读全文
posted @ 2025-05-23 16:09 岑素月 阅读(15) 评论(0) 推荐(0)
摘要: 服务器和数据库是两个东西,数据要从网页提交到服务器经过一系列流程,再提交到数据库。 阅读全文
posted @ 2025-05-22 11:44 岑素月 阅读(6) 评论(0) 推荐(0)