使用link 链接外部样式和网站logo,减少html文档Style部分的信息量
<!doctype html>
<html>
<head lang="en">
<meta charset ="utf-8">
<meta name ="keywrords"content ="董建 ,CSDN,爱敲代码的小次佬 ">
<!自适应屏幕大小>
<meta name ="viewport" content ="width=device-width,inital-scale=1.0">
<!定时刷新跳转页面>
<meta http-equiv="refresh"content="3;https://blog.csdn.net/dongjian2/article/category/8811977" >
<! rel属性决定了浏览器对待link 元素的方式, stylesheet为载入外部样式表>
<link rel="stylesheet"type="text/css"href="style.css" >
<!icon 当前文档图标资源>
<link rel="icon" type="image/x-icon" href="../美图/朗读者赖敏.jpg">
<title>link的使用</title>
<style>
</style>
<head>
<!页面背景颜色>
<body bgcolor="#cff">
<h1>你是我不及的梦</h1>
<h2>三毛</h2>
<h2>朗读者:赖敏</h2>
<img alt ="我的照片"src ="../美图/朗读者赖敏.jpg" width="200px";height="200px">
<div>Welcome </div>
<div>come to</div>
<div>我的博客</div>
<a href="https://blog.csdn.net/dongjian2/article/category/8811977"target="_blank">博客</a>
<p>
赠一篇文章:《你是我不及的梦》三毛朗读者:赖敏丈夫失业快一年了,有一日,我们去了大菜场,买了些最便宜的冷冻排骨和矿泉水,就出来了。不知怎么一疏忽,丈夫不见了,我站在大街上等,心事重重的。一会儿,丈夫回来了,手里捧着一小束百合,兴冲冲地递给我,说:“百合上市了。”那一瞬间,我突然失了理智,向丈夫大叫起来:“什么时候了?什么经济能力?你有没有分寸,还去买花?!”说着我把那束花“啪”一下丢到地上,转身就跑。在举步的那一刹间,其实我已经后悔了。我回头,看见丈夫呆了一两秒钟,然后弯下身,把那些撒在地上的花,慢慢拾了起来。我向他奔过去,喊着:“荷西,对不起。”我扑上去抱他,他用手围着我的背,紧了一紧,我们对视,发觉丈夫的眼眶红了。回到家里,把那孤零零的三五朵百合放在水瓶里,我好像看见了丈夫的苦心。他何尝不想买上一大缸百合,可口袋里的钱不敢挥霍。毕竟,就算是一小束,也是他的爱情。那一次,是我的浮浅和急躁伤害了他。之后我们再没提过这件事。四年后,我去给丈夫上坟,进了花店,我跟卖花的姑娘说:“这五桶满满的花,我全买下,别担心价钱。” 坐在满布鲜花的坟上,我盯住那一大片花色和黄土,眼睛干干的。以后,凡是百合花上市的季节,我总是站在花摊前发呆。一个清晨,我去了花市,买下了数百朵百合,在那间房中摆满了它们。在那清幽的夜晚,我打开家里所有的窗和门,坐在黑暗中,静静地让微风吹动那百合的气息。那是丈夫逝去了七年之后。又是百合花开的季节了,看见它们,我就仿佛看见了当年丈夫弯腰从地上拾花的景象。没有泪,而我的胃,开始抽痛起来。</p>
</body>
</html>
body
{background-image:url("../美图/你是我不及的梦.jpg");background-size:100% 100%; //让一张图片充满整个页面。background-attachment: fixed;
}div
{
margin: 8px;
background:yell;
border:1px solid red;
width:10;
height:20;
}
h1
{
text-align:center;
color:white;
font-size:50px;
}
h2
{margin-left :60%;color:white;
}
p
{
text-indext:32px;<!缩进>
font-size:16px;
color:black;
}
img
{position:absolute;left:100%;top:0;margin-left:-181px;
}
使用link 链接外部样式和网站logo,减少html文档Style部分的信息量相关推荐
- html保存导入word文档格式,WordPress网站在导入Word文档时如何保持原有格式
WordPress程序后台有文章发布功能,可以添加文字和图片.如果想将自己在排版好的Word 文档导入到WordPress ,作为文章发布,却不是一件容易的事情,如果我们直接复制,Word 文档本身的 ...
- java计算机毕业设计计算机专业招聘网站MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计计算机专业招聘网站MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计计算机专业招聘网站MyBatis+系统+LW文档+源码+调试部署 本源码技术栈: 项目架构 ...
- java计算机毕业设计响应式交友网站MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计响应式交友网站MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计响应式交友网站MyBatis+系统+LW文档+源码+调试部署 本源码技术栈: 项目架构:B/S ...
- java计算机毕业设计冠军体育用品购物网站MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计冠军体育用品购物网站MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计冠军体育用品购物网站MyBatis+系统+LW文档+源码+调试部署 本源码技术栈: 项目 ...
- java计算机毕业设计口红专卖网站MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计口红专卖网站MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计口红专卖网站MyBatis+系统+LW文档+源码+调试部署 本源码技术栈: 项目架构:B/S架构 ...
- java毕业设计青少年心理健康公益扶助网站源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计青少年心理健康公益扶助网站源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计青少年心理健康公益扶助网站源码+lw文档+mybatis+系统+mysql数据库 ...
- java毕业设计企业门户网站源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计企业门户网站源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计企业门户网站源码+lw文档+mybatis+系统+mysql数据库+调试 本源码技术栈: 项目 ...
- java毕业设计流浪猫狗救助网站源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计流浪猫狗救助网站源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计流浪猫狗救助网站源码+lw文档+mybatis+系统+mysql数据库+调试 本源码技术栈 ...
- java毕业设计社区流浪猫狗救助网站源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计社区流浪猫狗救助网站源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计社区流浪猫狗救助网站源码+lw文档+mybatis+系统+mysql数据库+调试 本源 ...
最新文章
- 使用PHP连接LDAP服务器
- 最大整数(Noip1998连接多位数)
- 【Python】详解Python模块、包、库
- oracle创建数据库步骤
- 【JFreeChart】JFreeChart—输出区域图
- 【JAVA编码专题】深入分析 Java 中的中文编码问题
- 产品配件类目税目分类_我国消费税税目种类有哪些?
- MySQL修改字符集
- 采用Atlas+Keepalived实现MySQL读写分离、读负载均衡【转载】
- 小米选择了总是打开方式_小米不计成本开启让利:70英寸4K大屏电视2999,K30 5G首卖...
- 支持向量机(SVM)复习总结
- CS224N笔记——Word Window分类与神经网络
- Julia: [1 +j] ==[1 + j] ?
- 2021大学计算机一级考试试题题库,2021年全国计算机等级考试一级试题及答案.pdf...
- 高性能MySQL系统思维导图
- 【Vue】postman汉化教程 保姆级教程 包教会
- 关于微信公众号的迁移,在此记录一下
- 纯RAW数据转换为DNG格式
- Java中T和?的区别
- 滚动交互引导界面的Ouroboros