淘宝小练习#css
时间:2019-08-18
本文章向大家介绍淘宝小练习#css,主要包括淘宝小练习#css使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
* {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
.box {
background: #f4f4f4;
}
/* 头部样式STAR */
.top-header {
text-align: center;
display: flex;
height: 42px;
width: 600px;
line-height: 42px;
margin-left: 200px;
border: 2px solid rgb(255, 97, 0);
background: rgb(255, 97, 0);
border-radius: 30px;
margin: 0 auto;
cursor: pointer;
}
.search-left,
.search-right {
color: aliceblue;
width: 50px;
font-weight: 900;
}
.top-header>.search-mid {
height: 42px;
background: #fff;
flex-grow: 1;
}
.top-header>.search-mid input {
height: 36px;
width: 450px;
font-size: 16px;
border: none;
outline: none;
}
/* 头部样式END */
.main,
.icon-say {
display: flex;
}
/* 左边样式 start */
.left,
.right {
list-style: none;
margin: 10px 30px;
}
/* 有好货logo */
.ul-top {
margin: 10px 20px;
cursor: pointer;
}
.ulimg {
width: 74px;
height: 24px;
}
.ulspan {
font-size: 12px;
color: #999;
}
/* 动态生成内容 */
.list {
width: 630px;
display: flex;
list-style: none;
}
.list>a>li {
display: inline-block;
margin-left: 20px;
}
.list>a .img {
width: 180px;
height: 180px;
}
.list>a .say {
color: #35b1ff;
width: 170px;
font-size: 12px;
}
.list>a>li .leftdetal {
width: 170px;
height: 23px;
overflow: hidden;
}
.list>a>li .desc {
color: #999;
width: 170px;
height: 22px;
overflow: hidden;
font-size: 14px;
}
.list>.icon-say .icon {
font-size: 16px;
}
/* 左边样式END */
/* 右边样式start */
.main>.right>.ul-top>.more {
font-size: 14px;
color: #999;
cursor: pointer;
margin-left: 396px;
}
.rightdetal {
height: 45px;
width: 170px;
line-height: 45px;
overflow: hidden;
font-size: 17px;
color: #999;
}
.main>.right>.ul-top>.more img {
height: 12px;
width: 12px;
}
/* 右边样式end */
原文地址:https://www.cnblogs.com/ljj-233/p/11373166.html
- Volatile实现原理实现原子性happens-before关系从happends-before规则分析可见性编译器层面实现可见性处理器层面实现可见性
- java中的toString方法
- 简单可视化-送你一双发现美的眼睛
- 享元模式
- 揭秘:针对中国移动用户的强大网银木马剖析
- 从源代码到Runtime发生的重排序编译器重排序指令重排序内存系统重排序阻止重排序
- 内存屏障保证缓存一致性优化
- 最新XSS 0day漏洞来袭,影响最新版本IE浏览器(含POC)
- Java内存模型—JMMhappens-before规则
- 那些年我们一起用过的Hybrid App
- 来看看美帝人民的安全意识:安全研究人员指责iOS版Outlook存在多处安全隐患
- 不是原配也可以-对接非原生配体
- oj放苹果
- 漏洞追踪:最新IE UXSS漏洞技术分析
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- Sequential Nim(CodeForces - 1382B)【博弈】
- Less Coin Tosses(Gym - 102346L)【打表+找规律】
- leetcode1558题解【贪心】
- 如何将炫酷的报表直接截图发送邮件——在Superset 0.37使用Schedule Email功能
- Kafka监控必备——Kafka-Eagle 2.0.2正式发布
- 安防/教育/互联网直播视频组件EasyRTSPServer读取本地文件报错找不到EasyStreamClient.dll解决方法
- C语言编程入门之--第六章C语言控制语句
- RTSP网络摄像头网页无插件直播视频平台EasyNVR自定义标题和CopyRight步骤
- 设计模式~解释器
- RTSP/GB28181/HIKSDK/Ehome协议视频上云服务平台EasyCVR人脸识别开发ArcSoftFace环境搭建
- RTSP/GB28181/HIKSDK/EHome流媒体协议视频上云网关EasyCVR流地址密码不正确如何修正?
- tmux终端意外出现控制字符
- clickhouse编译安装以及搭建mysql实时复制
- Linux回收站机制实现过程及用法详解
- Linux如何基于AIDE检测文件系统完整性