2021年1月-第02阶段-前端基础-HTML+CSS阶段-Day01

【2021年1月-第02阶段-前端基础-HTML+CSS阶段-Day01】的更多相关文章

2021年3月-第02阶段-前端基础-HTML+CSS阶段-Day02

HTML5 第二天一.rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转使用步骤: 给元素添加转换属性 transform 属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度 div{ transform: rotate(0deg); } 二.三角代码演示 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&…

2021年3月-第02阶段-前端基础-HTML+CSS阶段-Day03

HTML5 第三天一. 认识 3D 转换 3D 的特点近大远小物体和面遮挡不可见三维坐标系 x 轴:水平向右 -- 注意:x 轴右边是正值,左边是负值 y 轴:垂直向下 -- 注意:y 轴下面是正值,上面是负值 z 轴:垂直屏幕 -- 注意:往外边的是正值,往里面的是负值二.3D 转换 3D 转换知识要点 3D 位移:translate3d(x, y, z) 3D 旋转:rotate3d(x, y, z) 透视:perspctive 3D呈现 transfrom-style 3D 移动…

2021年1月-第02阶段-前端基础-HTML+CSS阶段-Day01

HTML5 第一天一.什么是 HTML5 1.HTML5 的概念与定义定义:HTML5 定义了 HTML 标准的最新版本,是对 HTML 的第五次重大修改,号称下一代的 HTML 两个概念: 是一个新版本的 HTML 语言,定义了新的标签.特性和属性拥有一个强大的技术集,这些技术集是指: HTML5 .CSS3 .javascript, 这也是广义上的 HTML5 2.HTML5 拓展了哪些内容语义化标签本地存储兼容特性 2D.3D 动画.过渡 CSS3 特性性能与集成 3.HTM…

2021年1月-第02阶段-前端基础-HTML+CSS进阶-VS Code 软件

软件安装 VSCode软件能够安装 VS Code 能够熟练使用 VS Code 软件能够安装 VS Code 最常用的插件 1. VS Code简介 1.1 VS Code 简介 Visual Studio Code (简称 VS Code / VSC) 是微软公司推出的一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮.智能代码补.GIT 等特性,支持插件扩展等等. 推荐理由比 sublime 开源,比 webstorm 更轻智能提示很强大自带 emme…

2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(一)

品优购项目(一) 目标: 能会引入ico图标能简单看懂网站优化的三大标签能使用字体图标 ( 重点 ) 能说出我们css属性书写顺序 1. 品优购项目介绍项目名称:品优购项目描述:品优购是一个电商网站,我们要完成首页.列表页.详情页.注册页面的制作 2. 项目背景现阶段电商类网站很流行,很多同学毕业之后会进入电商类企业工作,同时电商类网站需要的技术也是较为复杂的, 复习.总结.提高前面所学布局技术. 3. 设计目标保证浏览器 ie7及以上, 火狐, 360, safari,chrom…

2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(四)

1. 品优购项目(四) 1). 详情页 detail.html 常用单词名称说明主体 de_container 面包屑导航 crumb_wrap 产品介绍 product_intro ( introduction介绍) 预览包 preview_wrap(左侧部分) 预览缩略图 preview_img 预览列表 preview_list 左按钮 arrow_prev 右按钮 arrow_next 小图列表 preview_items 产品详细信息区域 itemInfo_wrap (右侧部分)…

2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(三)

品优购项目(三) 1. 首页制作 1). 楼层区 floor 注意这个floor 一个大盒子包含, 不要给高度,内容有多少,算多少 2). 家用电器模块这个模块简单不需要写样式版心居中对齐因为这些模块基本相同,下面的模块基本用这些样式所以咱们下面两个盒子的命名是: 1号盒子 box-hd 给一个高度, 有个下边框里面分为左右2个盒子 2号盒子 box-bd 不要给高度. 3). box-hd 模块有高度左边 h3 盒子右边 div 命名为 tab-list 因为用到…

2020年12月-第01阶段-前端基础-HTML CSS 项目阶段(二)

品优购项目(二) 1. 品优购首页布局命名集合: 名称说明快捷导航栏 shortcut 头部 header 标志 logo 购物车 shopcar 搜索 search 热点词 hotwrods 导航 nav 导航左侧 dropdown 包含 .dd .dt 导航右侧 navitems 页面底部 footer 页面底部服务模块 mod_service 页面底部帮助模块 mod_help 页面底部版权模块 mod_copyright 1). nav 导航栏制作 nav 盒子通栏有高度而且有个…

02 前端基础之CSS

目录前端基础之CSS css简介基本选择器(重要) 组合选择器(重点) 属性选择器分组与嵌套伪类选择器伪元素选择器选择器的优先级字体相关背景属性边框属性 display属性盒子模型浮动定位是否脱离文档流溢出属性 z-index属性透明度练习前端基础之CSS css简介 # 层叠样式表>>>:就是给HTML标签修改样式语法结构选择器 { 属性名1:属性值1; 属性名2:属性值2 } 注释语法 /*注释内容*/ 引入方式 1.style内部直接编写css…

前端基础：CSS样式选择器

前端基础:CSS样式选择器 CSS概述 CSS是Cascading Style Sheets的简称,中文意思是:层叠样式表,对html标签的渲染和布局.CSS规则由两个主要的部分组成:1.选择器:2.一条或多条声明:如下所示: selector { property: value; property: value; property: value; property: value; ... } 例如: h1 {color:red; font-size: 14px;} CSS的四种使用方式 1.行…