博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5 百度一下,你就知道
阅读量:4678 次
发布时间:2019-06-09

本文共 2848 字,大约阅读时间需要 9 分钟。

a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var{
padding: 0; margin: 0;}/*全局设置a标签的颜色*/a{
color: black;}body{ /*设置整个页面的字体大小都是13px*/ font-size: 13px; /*背景图片*/ background: url("../images/bg.jpg");}/*头部*/#header{ /*设置透明度*/ background-color: rgba(0, 0, 0, 0.2); text-align: right; /*外边距:上-右-下-左*/ margin: 0px 0px 30px 0; height: 38px; line-height: 38px;}#header a{
color: white; margin-right: 7px; font-size: 15px; font-weight: bolder;}/*特殊的样式,可以单独设置一个类特殊设置*/#header a.more-product{ /*让行内标签---->行内-块级标签,就可以改变尺寸*/ display: inline-block; background-color: #3385ff; color: white; width: 80px; text-align: center; height: 28px; line-height: 28px; text-decoration: none; font-weight: normal;}/*主要内容*/#content{ /*background-color: green;*/}/*设置搜索框外部的div的宽度,可以让其水平居中*/#content .search{ /*background-color: blue;*/ width: 600px; height: 33px; /*居中*/ margin: 0 auto;}#content .search input{
width: 500px; height: 33px; padding: 5px; /*让内边距向内,伸缩,会占用内容的尺寸*/ box-sizing: border-box; border: 1px solid #ddd;}/*伪类:获得焦点的时候调用*/#content .search input:focus{ /*去除外边框*/ outline: none; border:1px solid #3385ff;}#content .search{
margin-bottom: 40px;}/*让a标签右浮动,只要设置了输入框的border之后,两个宽度加起来正好*/#content .search a{
display: inline-block; background-color: #3385ff; color: white; width: 100px; text-align: center; height: 33px; /*设置垂直居中*/ line-height: 33px; /*去除下划线*/ text-decoration: none; font-weight: normal; float: right;}#content .logo{
text-align: center;}#content .logo img{
width: 270px; height: 129px;}#content .dom{
text-align: center;}#content .dom img{
width: 150px; margin: 5px;}#content .dom img:hover{ /*不透明度*/ opacity: 0.7;}/*尾部*/#footer{
margin-top: 120px; /*background-color: yellow;*/ text-align: center;}#footer p{
margin-top: 10px;}#footer p a{
color: blue;}#footer p.footer-top a{
margin: 0 5px;}

转载于:https://www.cnblogs.com/ljcgood66/p/6919775.html

你可能感兴趣的文章
spring 集成shiro 之 自定义过滤器
查看>>
验证密码不允许有连续三位重复的正则表达式
查看>>
python 中对list去重
查看>>
Mono Libgdiplus库
查看>>
js模糊查询案例
查看>>
c语言基础知识要点
查看>>
Android模拟器无法上网访问网络失败解决办法
查看>>
node启动时, listen EADDRINUSE 报错;
查看>>
vue学习链接
查看>>
Systemd 初始化进程
查看>>
【C#学习笔记】文本复制到粘贴板
查看>>
Windows store 验证你的 URL http:// 和 https:// ms-appx:/// ms-appdata:///local
查看>>
python全栈开发_day7_字符编码,以及文件的基本读取
查看>>
js 验证码 倒计时60秒
查看>>
C#基础
查看>>
ASP.NET Core MVC 2.x 全面教程_ASP.NET Core MVC 15. 用户管理
查看>>
杭电3466————DP之01背包(对状态转移方程的更新理解)
查看>>
算法分析常用记号
查看>>
3.1.3自适应阈值化
查看>>
NABCD
查看>>