随笔分类 -  前端web开发(HTML5+CSS3+移动web)

摘要:移动 Web 第一天 目标:使用位移、缩放、旋转、渐变效果丰富网页元素的呈现方式。 01-平面转换 简介 作用:为元素添加动态效果,一般与过渡配合使用 概念:改变盒子在平面内的形态(位移、旋转、缩放、倾斜) 平面转换也叫 2D 转换,属性是 transform 平移 transform: trans 阅读全文
posted @ 2023-09-29 12:52 zhajiangmian 阅读(42) 评论(0) 推荐(0) 编辑
摘要:day10-小兔鲜儿 01-banner-轮播图 index.css HTML结构 <!-- banner --> <div class="banner"> <div class="wrapper"> <!-- 图片 --> <ul class="pic"> <li><a href="#"><img 阅读全文
posted @ 2023-09-27 11:04 zhajiangmian 阅读(89) 评论(0) 推荐(0) 编辑
摘要:day09-小兔鲜儿 01-搭建项目目录 xtx-pc images 文件夹:存放固定使用的图片素材,例如:logo、样式修饰图等等 uploads 文件夹:存放非固定使用的图片素材,例如:商品图、宣传图需要上传的图片 iconfont 文件夹:字体图标素材 css 文件夹:存放 CSS 文件(li 阅读全文
posted @ 2023-09-27 10:39 zhajiangmian 阅读(361) 评论(0) 推荐(0) 编辑
摘要:# day08-CSS高级 > 目标:掌握定位的作用及特点;掌握 CSS 高级技巧 ## 01-定位 作用:灵活的改变盒子在网页中的位置 实现: 1.定位模式:position 2.边偏移:设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi 阅读全文
posted @ 2023-07-06 11:03 zhajiangmian 阅读(36) 评论(0) 推荐(0) 编辑
摘要:# day07-学成在线 ## 01-项目目录 网站根目录是指存放网站的**第一层**文件夹,内部包含当前网站的**所有素材**,包含 HTML、CSS、图片、JavaScript等等。 ![](https://img2023.cnblogs.com/blog/3177419/202306/3177 阅读全文
posted @ 2023-06-02 20:39 zhajiangmian 阅读(1216) 评论(0) 推荐(0) 编辑
摘要:day06-Flex布局 目标:熟练使用 Flex 完成结构化布局 01-标准流 标准流也叫文档流,指的是标签在页面中默认的排布规则,例如:块元素独占一行,行内元素可以一行显示多个。 02-浮动 基本使用 作用:让块元素水平排列。 属性名:float 属性值 left:左对齐 right:右对齐 < 阅读全文
posted @ 2023-05-01 22:13 zhajiangmian 阅读(31) 评论(0) 推荐(0) 编辑
摘要:day05-盒子模型 目标:掌握盒子模型组成部分,使用盒子模型布局网页区域 01-选择器 结构伪类选择器 基本使用 作用:根据元素的结构关系查找元素。 li:first-child { background-color: green; } :nth-child(公式) 提示:公式中的n取值从 0 开 阅读全文
posted @ 2023-05-01 15:50 zhajiangmian 阅读(82) 评论(0) 推荐(0) 编辑
摘要:day04-CSS进阶 目标:掌握复合选择器作用和写法;使用background属性添加背景效果 01-复合选择器 定义:由两个或多个基础选择器,通过不同的方式组合而成。 作用:更准确、更高效的选择目标元素(标签)。 后代选择器 后代选择器:选中某元素的后代元素。 选择器写法:父选择器 子选择器 { 阅读全文
posted @ 2023-04-28 13:20 zhajiangmian 阅读(17) 评论(0) 推荐(0) 编辑
摘要:day03-CSS基础 目标:掌握 CSS 属性基本写法,能够使用文字相关属性美化文章页。 01-CSS初体验 层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 文档的呈现(美化内容)。 书写位置:title 标签下方添加 sty 阅读全文
posted @ 2023-04-28 00:21 zhajiangmian 阅读(40) 评论(0) 推荐(0) 编辑
摘要:day02:列表、表格、表单 目标:掌握嵌套关系标签的写法,使用列表标签布局网页 01-列表 作用:布局内容排列整齐的区域。 列表分类:无序列表、有序列表、定义列表。 无序列表 作用:布局排列整齐的不需要规定顺序的区域。 标签:ul 嵌套 li,ul 是无序列表,li 是列表条目。 <ul> <li 阅读全文
posted @ 2023-04-26 23:51 zhajiangmian 阅读(18) 评论(0) 推荐(0) 编辑
摘要:坚持坚持哦 阅读全文
posted @ 2023-04-26 17:41 zhajiangmian 阅读(69) 评论(0) 推荐(0) 编辑

主题色彩
点击右上角即可分享
微信分享提示