隔壁老刘第4页

CSS第五天-学成在线

1. 学成在线页面制作目标理解能够说写单页面我们基本的流程能说出常见的css初始化语句能说出我们CSS属性书写顺序应用能利用ps切图能引入外部样式表能把psd文件转换为html页面学成在线的目的就是为了串联前面的所有知识。来一个春晚大联欢。 pink老师：取义学有所成，为师之期望，君等成才者也，故曰学成网是也~~ 1.1 前期准备素材学成在线PSD源文件开发工具 = PS（切图） + sublime（代码） + chrome（测试） 1.2 前期准备工作欲先善其事，必先利...

CSS笔记 2020-04-27 162 0
品优购项目(四)

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

CSS笔记 2020-04-27 167 0
品优购项目(三)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS笔记 2020-04-26 161 0

‹‹ ‹ 1 2 3 4 5 › ››

内容待添加

隔壁老刘 第4页

隔壁老刘第4页