2020年4月第4页

品优购项目(三)

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

CSS笔记 2020-04-27 140 0
品优购项目(二)

品优购项目(二)目标：能课堂跟上pink老师的节奏完成品优购项目 1. 品优购首页布局命名集合：名称说明快捷导航栏 shortcut 头部 header 标志 logo 购物车 shopcar 搜索 search 热点词 hotwrods 导航 nav 导航左侧 dropdown 包含 .dd .dt 导航右侧 navitems 页面底部 footer...

CSS笔记 2020-04-27 133 0
品优购项目(一)

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

CSS笔记 2020-04-27 159 0
品优购代码规范

代码规范1. 概述欢迎使用品优购代码规范，这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。 HTML规范基于 W3C、苹果开发者等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。图片规范了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。 CSS规范统一规范团队 CSS 代码书写风格...

CSS笔记 2020-04-27 135 0
CSS第七天-高级技巧

CSS高级技巧目标理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法应用能写出最常见的鼠标样式能使用精灵图技术能用滑动门做导航栏案例 1. 元素的显示与隐藏目的让一个元素在页面中消失或者显示出来场景类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现！ 1.1 display 显示（重点） display 设置或检索对象是否及如何显示。 display: none 隐藏对象 display：block...

CSS笔记 2020-04-27 164 0
CSS第六天-定位

定位(position)目标理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局 1. CSS 布局的三种机制网页布局的核心 —— 就是用 CSS 来摆放盒子位置。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中：普通流（标准流）浮动让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。定位将盒子定在某一个位置自由的漂浮在其他盒子的上...

CSS笔记 2020-04-27 170 0
浮动

1. 浮动(float)目标记忆能够说出 CSS 的布局的三种机制理解能够说出普通流在布局中的特点能够说出我们为什么用浮动能够说出我们为什么要清除浮动应用能够利用浮动完成导航栏案例能够清除浮动能够使用PS切图工具 1.1 CSS 布局的三种机制网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中：普通流（标准流）块级元素会独占一行，从上向下顺序排列；常用元素：div、hr、p...

CSS笔记 2020-04-26 152 0
CSS第三天-盒子模型

第01阶段.前端基础.盒子模型盒子模型（CSS重点）css学习三大重点： css 盒子模型、浮动、定位主题思路：目标：理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的2个条件能说出外边距合并的解决方法应用：能利用边框复合写法给元素添加边框能计算盒子的实际大小能利用盒子模型布局模块案例 1.看透网页布局的本质网页布局中，我们是如何把里面的文字，图片...

CSS笔记 2020-04-26 162 0
CSS第二天笔记

第01阶段.前端基础 CSS 第二天今天我们围绕一个导航栏案例进行学习知识点。今日重点：复合选择器后代选择器并集选择器标签显示模式CSS背景背景位置 CSS三大特性优先级 < 1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器为什么要学习css复合选择器 CSS选择器分为基础选择器和复合选择器，但是基础选择器不能满足我们实...

CSS笔记 2020-04-26 141 0
03-CSS文字文本样式

CSS字体样式属性调试工具目标应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常用的emment语法能够使用开发人员工具代码调试 1.font字体1.1 font-size:大小作用： font-size属性用于设置字号 p { font-size:20px; } 单位：可以使用相对长度单位，也可以使用绝对长度单位。相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。注意：我们文字大小以后...

CSS笔记 2020-04-26 149 0

‹‹ ‹ 1 2 3 4 5 › ››

内容待添加

2020年4月 第4页

2020年4月第4页