CSS综合小练习
2024-08-25 05:52:27
CSS选择器学了不少了,现在来实战一下。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>练习</title> <style type="text/css"> .content { width: 800px; margin: 0 auto; } .content h1 { font-family: "Microsoft YaHei UI"; font-size: 28px; text-align: center; } .content .box { text-align: center; } .time, .news { font-size: 14px; } .time { color: rgb(190, 190, 190); } .news { color: #990000; } /*属性选择器*/ .box input[type=text] { color: red; } .box input[type=button] { font-weight; color: green; } .content p { text-indent: 2em; line-height: 24px; } .content p span { color: blue; } </style> </head> <body> <div class="content"> <h1>中乙队赛前突然换帅仍胜毅腾 高原黑马欲阻击舜天</h1> <div class="box"> <span class="time">2014年07月16日20:11</span> <span class="news">新浪体育 评论中大奖(11人参与)</span> <a href="#">收藏本文</a> <input type="text" value="请输入查询条件"> <input type="button" value="搜索"> </div> <hr /> <p>新浪体育讯 7月16日是燕京啤酒<span>[微博]</span> 2014中国足协杯第三轮比赛,丽江嘉云昊队主场迎战哈尔滨毅腾队的比赛日。 然而就在比赛日中午,丽江嘉云昊队主帅李虎和另外两名成员悄然向俱乐部提出了辞呈, 并且收拾行囊准备离开。在这样的情况下, 丽江嘉云昊队不得不由此前的教练员杨贵东代理指挥了本场比赛。</p> <p>在昨日丽江嘉云昊队主帅李虎就缺席了赛前的新闻发布会, 当时俱乐部给出的解释是李虎由于身体欠佳, 去医院接受治疗。然而今日李虎出现在俱乐部时, 向记者否认了这一说法,并且坦言已经向俱乐部提出了辞呈。</p> <p>据记者多方了解的情况,李虎<span>[微博]</span> 极其教练组近来在执教成绩上承受了不小的压力, 在联赛间歇期期间,教练组曾向俱乐部提出能够多引进有实力的球员补强球队, 然而由于和俱乐部在投入以及成绩指标上的分歧,李虎最终和教练组一起在比赛日辞职。</p> <p>这样的情况并没有影响到丽江嘉云昊队<span>[微博]</span>的队员, 在比赛中丽江队在主场拼的非常凶,在暴雨之中仍然发挥出了体能充沛的优势, 最终凭借点球击败了中超球队哈尔滨毅腾,顺利晋级下一轮比赛。 <strong>根据中国足协杯的赛程,丽江嘉云昊队将在本月23日迎战江苏舜天队。</strong></p> </div> </body> </html>
写CSS比较有意思的是,写好了CSS看效果,有种焕然一新的感觉,原来毫无生气的页面,瞬间变得整齐,规矩。
最新文章
- django1.9 创建项目和app并初始化项目
- [转]Debug 和 Release 编译方式的区别
- JavaScript 中的原型声明和用法总结
- CSS系列:表达式(Expression)`淘汰`
- WebSphere MQ 入门指南
- Java基础知识强化之集合框架笔记68:Collections类概述和成员方法(备注:Collection 和 Collections区别)
- Repeater为空时显示“暂无数据”,很方便实用方法
- 使用Autofac部署IIS6.0时未能加载文件或程序集“System.Core, Version=2.0.5.0...“
- rsyslog 直接读取日志,当日志截断后,不会继续发送
- 简单的python协同过滤程序
- cookie的简单应用
- qemu -hda /dev/sdc -m 1024 -vga std
- STL空间配置器
- PHP上传大文件配置
- python常见的报错提示
- Git&#160;结合Git使用Bitbucket进行代码版本管理流程规范与实践
- elasticsearch技术解析与实战(一) 入门和索引
- 阮一峰:自适应网页设计(Responsive Web Design)别名(响应式web设计)
- 【51nod】1742 开心的小Q
- 委托与事件代码详解与(Object sender,EventArgs e)详解
热门文章
- 一段js代码
- Jedis工具类(含分布式锁的调用和释放)
- 摘抄JPA官方文档原文 防呆
- django-salmonella的使用
- 腾讯企业邮箱SMTP-邮件发送失败异常:“ SMTPSendFailedException:501 &#207;&#181;&#205;&#179;&#210;&#209;&#199;&#191;&#214;&#198;&#191;&#170;&#198;&#244;&#213;&#202;&#186;&#197;&#201;&#253;&#188;&#182;&#201;&#232;&#214;&#195;&#163;&#172;&#199;&#235;&#181;&#199;&#194;&#188;e
- js两个日期相减
- IOS 缓存方案(按需缓存 、 预缓存)及 低网速模拟
- EditText: EditText自动获取焦点并弹出键盘&;EditText不自动获取焦点并且不会弹出键盘
- CCAction、CCFiniteTimeAction、CCSpeed、CCFollow
- docker容器资源配额控制