![](https://img-blog.csdnimg.cn/20191027233617688.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
人机交互手册
孤风雪影
这个作者很懒,什么都没留下…
展开
-
品优购day04
文章目录一、详情页1.1 详情页 detail.html 常用单词1.2 面包屑导航1.3 产品介绍模块1.4 预览区域制作1.5 产品详细信息区域制作 itemInfo_wrap1.6 产品细节模块 product_detail1.7 注册页面register一、详情页1.1 详情页 detail.html 常用单词侧边栏:aside1.2 面包屑导航crumb_wrap:面包屑导航根据面包屑,找到回家的路1.3 产品介绍模块父盒子不给高度,子盒子浮动,则要清除浮动,否则父盒原创 2020-07-28 17:07:02 · 155 阅读 · 0 评论 -
品优购day03
文章目录一、首页制作1.1 楼层区floor1.2 家用电器模块1.3 侧边栏1.4 过渡二、列表页制作2.1 列表页准备2.2 header和nav修改2.3 列表页主体盒子sk_container2.4 sk_goods布局2.5 分页条2.6 获得焦点一、首页制作1.1 楼层区floor不要给高度,根据内容,动态计算1.2 家用电器模块box-hd:里面有tab切换效果box-bd:tab-content包装里面的内容1.3 侧边栏固定定位,里面放li1.4 过渡tr原创 2020-07-28 16:56:34 · 94 阅读 · 0 评论 -
品优购day02
nav导航栏制作nav 盒子通栏有高度 而且有个下边框1号盒子 左侧浮动 dropdown 下拉导航 里面包含 dt dd2号盒子右侧浮动 navitems 导航栏组footer底部制作mod_service服务模块制作均分为5个main 主体模块制作新建样式文件index.cssmain里面包含左侧盒子左浮动,右侧盒子右浮动,给高度就不用清除浮动newsflash 新闻快报模块news新闻模块lifeservice 生活服务模块可以让 lifes原创 2020-07-21 23:01:02 · 96 阅读 · 0 评论 -
品优购day01
一、品优购项目介绍模仿京东完成首页、列表页、详情页、注册页二、样式文件的分类base.csscommon.css三、网站ico图标首先把favicon.ico 这个图标放到根目录下。再html里面, head 之间 引入 代码。<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 四、网站优化三大标签SEO是由英文Search Engine Optimization缩原创 2020-07-18 15:50:23 · 133 阅读 · 0 评论 -
品优购day00
文章目录一、HTML规范书写风格类型属性元素属性特殊字符引用代码嵌套二、图片规范内容图背景图三、CSS规范代码格式化代码大小写选择器属性值引号属性书写顺序命名规范ClassName命名一、HTML规范书写风格HTML标签名、类名、标签属性和大部分属性值统一用小写<div class="demo"></div>类型属性不需要为 CSS、JS 指定类型属性,HTML5 中默认已包含<link rel="stylesheet" href="" ><scr原创 2020-07-18 15:31:34 · 98 阅读 · 0 评论 -
块、行内、行内块
文章目录一、块元素block二、行内元素inline三、行内块inline-block一、块元素block块元素——div、p、h1-h6、ul、ol、li所有的块级元素独占一行显示可以设置宽高二、行内元素inline行内元素——span、a、font、strong、em、i所有的行内元素都在一行上显示不能设置宽高、由内容撑开三、行内块inline-block行内块——img、input可以设置宽高、并且在一行上显示默认对齐的是基线...原创 2020-07-18 14:04:47 · 2983 阅读 · 0 评论 -
CSS-07-高级技巧
文章目录一、元素的显示与隐藏1.1 display1.2 visibility可见性1.3 overflow溢出二、CSS用户界面样式2.1 鼠标样式cursor2.2 轮廓线outline2.3 防止拖拽文本域resize三、vertical-align垂直对齐3.1 图片与文字的对齐3.2 去除图片底侧空白缝隙四、溢出的文字省略号显示五、CSS精灵技术sprite六、滑动门七、扩展7.1 margin负值之美7.2 CSS三角形之美一、元素的显示与隐藏1.1 display隐藏之后,不再保留位置原创 2020-07-14 21:54:36 · 132 阅读 · 0 评论 -
CSS-06-三种布局方式
三种布局方式标准流:从上至下浮动:水平排列定位:相对位置,压在其它盒子上面定位定位 = 定位模式 + 边偏移定位模式static :无定位,就是标准流relative :相对移动,以前的位置,任然保留absolute:相对于父元素,移动,不保留位置,子绝父相fixed :相对于窗口,永久固定结论:父级要占有位置,子级要任意摆放,这就是子绝父相的由来。边偏移相对于父元素边线的距离...原创 2020-07-12 14:43:06 · 130 阅读 · 0 评论 -
Vue入门
Vue:最流行的前端框架原创 2019-10-27 22:07:02 · 230 阅读 · 0 评论