当前位置： 懂经验 > 综合知识 > 正文

外部样式怎么写

1. HTML中CSS外部样式表

1、首先我们我们新建一个记事本，并将记事本的名字改为“引入外部css文件和外部js文件.html”，并回车键确定，以使文件转化为浏览器可以打开的html网页文件。

外部样式怎么写

2、我们编写一个html5的声明标签— <！DOCTYPE html>， 以使浏览器能认识到我们的文档是一个html5的文件，这样就可以快速的正确解读，以提高浏览的体验。3、我们写一个的标签，将网页的<a href="https://dongjingyan.com/tags-jgq-0.html" title="查看更多题目的文章" target="_blank" >题目</a>写入进去，让网页的标题显示为“引入外部css文件和外部js文件”。</p><p>4、我们用<meta>标签设置字符的编码格式为：UTF-8，以使浏览器能够正确的显示我们的网页。5、我们写一个<body>标签，用来包含网页的主体部分。</p><p>6、我们写几个标签以便在外部css文件样式表中，为其设置样式。7、我们新建一个css文件，把txt的文件后缀名改为css即可，之后打开就可以写入css代码了。</p><p>8、我们用标签选择器为标签、标签和标签的内容设置样式。9、我们使用，<link>标签将我们编写的css文件样式表文件其引入到我们当前的html文件中来。</p><p>10、我们鼠标右击在弹出的下拉菜单中，我们选择“在浏览器中打开”这一项。11、我们看到我们编写的样式被应用到了标签中文字上，说明我们的css外部样式表文件引入成功。</p><strong>2. css外部样式如何调用</strong><p> <link href="css/base.css" type="<a href="https://dongjingyan.com/tags-9vn9-0.html" title="查看更多text的文章" target="_blank" >text</a>/css" rel="stylesheet"/>；这个是外部引用样式的方法</p><p>楼主的代码</p><p>body{ background-image:url(00242851.jpg); </p><p>background-repeat:no-repeat;</p><p>background-position:160px 160px;</p><p>width:1800px;</p><p>}</p><p>这里的width指的是body的大小</p><p>要想改变背景图标的大小，css3有个属性是background-size</p><p>不过不建议用，<a href="https://dongjingyan.com/tags-kz9j-0.html" title="查看更多兼容的文章" target="_blank" >兼容</a>性不好，要想改变图片大小还是把图片再处理下吧，这样可以不用占用过多的cpu</p><p>有不明白的，请追问</p> </article> <div class="article-tags">标签： </div> <div class="relates relates-model-thumb"><h3 class="title"><strong>相关文章</strong></h3><ul> <li><a href="https://dongjingyan.com/keji/934rk4.html"><span><img class="lazyload thumb" data-src="https://i1.dongjingyan.com/377d1ac6ac0e306265af/6b21199cf30d2c646bbd6813f2d14f/307c4c99f3587238/317e1f91f70a203f6afc324ea58e4449283730850db25191d896c5c47639241c-s.jpg" width="106" height="80" title="怎么从外部导入cad打印样式" alt="怎么从外部导入cad打印样式" /></span>怎么从外部导入cad打印样式</a></li> <li><a href="https://dongjingyan.com/zonghezhishi/nxl5zq.html"><span><img class="lazyload thumb" data-src="https://i1.dongjingyan.com/722506c8a0083a/34784e/722411ddad/34784e99f55f71-s.jpg" width="106" height="80" title="外部js应该怎么写 html如何调用外部js文件,外部的js文件该怎么写,是什么格式的" alt="外部js应该怎么写 html如何调用外部js文件,外部的js文件该怎么写,是什么格式的" /></span>外部js应该怎么写 html如何调用外部js文件,外部的js文件该怎么写,是什么格式的</a></li> <li><a href="https://dongjingyan.com/jiaoyu/v8r8ll.html"><span><img class="lazyload thumb" data-src="https://i2.dongjingyan.com/377d1ac6ac0e306265af/6b2119/307c4c9bf25d7233/352f4d98fa51276b69fd644aa0db44107c6036d55ab357ccd0c2ccc5223c2e4a-s.jpg" width="106" height="80" title="外联部部门工作总结怎么写" alt="外联部部门工作总结怎么写" /></span>外联部部门工作总结怎么写</a></li> <li><a href="https://dongjingyan.com/zonghezhishi/45mx7y.html"><span><img class="lazyload thumb" data-src="https://i2.dongjingyan.com/722506c8a0083a/37744c/722411ddad/37744c98f0587a-s.jpg" width="106" height="80" title="外宣计划怎么写 外联部工作计划怎么写" alt="外宣计划怎么写 外联部工作计划怎么写" /></span>外宣计划怎么写 外联部工作计划怎么写</a></li> <li><a href="https://dongjingyan.com/keji/9m7kpj.html"><span><img class="lazyload thumb" data-src="https://i1.dongjingyan.com/722506c8a0083a/377d4e/74291dddad1b/377d4e9efa5e70-s.png" width="106" height="80" title="外部css样式表文件的扩展名" alt="外部css样式表文件的扩展名" /></span>外部css样式表文件的扩展名</a></li> <li><a href="https://dongjingyan.com/keji/qvroo3.html"><span><img class="lazyload thumb" data-src="https://i3.dongjingyan.com/377d1ac6ac0e306265af/6b2119/307c4c99f359723a/31784f9bf70a213c6dac614ff3d8101b7e3b31d65bb401cc81c3c5cf246b2a4e-s.jpg" width="106" height="80" title="台式电脑怎么连接外部音箱" alt="台式电脑怎么连接外部音箱" /></span>台式电脑怎么连接外部音箱</a></li> <li><a href="https://dongjingyan.com/zonghezhishi/30x718.html"><span><img class="lazyload thumb" data-src="https://i1.dongjingyan.com/722506c8a0083a/37784b/722411ddad/37784b99f15b71-s.jpg" width="106" height="80" title="js怎么写样式" alt="js怎么写样式" /></span>js怎么写样式</a></li> <li><a href="https://dongjingyan.com/zonghezhishi/g8wg9v.html"><span><img class="lazyload thumb" data-src="https://i2.dongjingyan.com/722506c8a0083a/317a46/722411ddad/317a469cf65a75-s.jpg" width="106" height="80" title="部门申请外线电话申请怎么写 部门申请书怎么写" alt="部门申请外线电话申请怎么写 部门申请书怎么写" /></span>部门申请外线电话申请怎么写 部门申请书怎么写</a></li> </ul></div> </div> </div> <div class="sidebar"> <div class="widget widget_postlist"> <h3 class="title"> <strong>热门文章</strong></h3> <ul class="items-03"> <li> <a href="https://dongjingyan.com/jiaoyu/4119x9.html"> <span class="text">部门请假条格式怎么写</span> </a> </li> <li> <a href="https://dongjingyan.com/jiaoyu/kk43g5.html"> <span class="text">外贸函电书信格式怎么写</span> </a> </li> <li> <a href="https://dongjingyan.com/jiaoyu/8vxgy0.html"> <span class="text">式样造句怎么写</span> </a> </li> <li> <a href="https://dongjingyan.com/zonghezhishi/nxrkmk.html"> <span class="text">天龙八部写的怎么样</span> </a> </li> <li> <a href="https://dongjingyan.com/zonghezhishi/70x4n3.html"> <span class="text">化学式芣基怎么写 化合式怎样写</span> </a> </li> <li> <a href="https://dongjingyan.com/zonghezhishi/3vr944.html"> <span class="text">翡翠外部特征是什么样 翡翠外面长什么样</span> </a> </li> <li> <a href="https://dongjingyan.com/keji/pw2roo.html"> <span class="text">外部储存空间读写异常</span> </a> </li> <li> <a href="https://dongjingyan.com/zonghezhishi/24rl2y.html"> <span class="text">翡翠外部特征是什么样</span> </a> </li> </ul> </div> <div class="widget widget_postlist"> <h3 class="title"> <strong>精选推荐</strong></h3> <ul class="items-03"> <li> <a href="https://dongjingyan.com/zonghezhishi/2kl2qz.html"> <span class="text">react怎么写行内样式 react开发怎么做布局写样式</span> </a> </li> <li> <a href="https://changshiguan.com/jiao/7z637.html"> <span class="text">写日记的格式怎么写</span> </a> </li> <li> <a href="https://bkzsb.com/meihao/changshi/q719v.html"> <span class="text">写信的格式怎么写</span> </a> </li> <li> <a href="https://dongjingyan.com/keji/p2x4yo.html"> <span class="text">企业微信外部群怎样解散</span> </a> </li> <li> <a href="https://dongjingyan.com/keji/73og8l.html"> <span class="text">怎样删除企业微信的外部群</span> </a> </li> <li> <a href="https://dongjingyan.com/keji/vw1jzr.html"> <span class="text">怎样解散企业微信外部群</span> </a> </li> <li> <a href="https://mdkpw.com/jingyan/jpogdv.html"> <span class="text">描写土豆的外部外表</span> </a> </li> <li> <a href="https://dongjingyan.com/jiaoyu/8xj90k.html"> <span class="text">写日记的格式怎么样写</span> </a> </li> <li> <a href="https://changshizhan.com/jiaju/shenghuo/pdp3q.html"> <span class="text">写信格式是怎样的 写信的格式有哪些</span> </a> </li> <li> <a href="https://dongjingyan.com/zonghezhishi/ox9v3v.html"> <span class="text">鸡吧怎么写 小鸡的外貌该怎样写</span> </a> </li> <li> <a href="https://bkdqb.com/ji/jisheng/rrqpln.html"> <span class="text">qq邮箱格式怎么写才正确</span> </a> </li> <li> <a href="https://dongjingyan.com/zonghezhishi/kmrl83.html"> <span class="text">外贸寄样品发票怎么写</span> </a> </li> <li> <a href="https://dongjingyan.com/keji/4w5nky.html"> <span class="text">怎样删除企业微信外部群</span> </a> </li> </ul> </div> <div class="widget widget_postlist"> <h3 class="title"> <strong>猜你喜欢</strong></h3> <ul class="items-03"> <li> <a target="_blank" href="https://dongjingyan.com/keji/y3knp3.html"> <span class="text">如何拆除etc</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/keji/91wxv7.html"> <span class="text">win7怎样设置密码</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/keji/5yzv9.html"> <span class="text">微信怎么样设置钱包密码</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/keji/n18lvq.html"> <span class="text">Linux静态路由器要怎么添加</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/zonghezhishi/1qomp8.html"> <span class="text">有什么方法和技巧吗</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/shenghuo/rvkjg3.html"> <span class="text">党的生日祝词</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/meishi/4g1238.html"> <span class="text">茶泡饭用什么茶比较好</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/lvyou/ql25yk.html"> <span class="text">宁波晚上打卡景点有哪些</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/meishi/m0r397.html"> <span class="text">甜水面制作方法</span> </a> </li> <li> <a target="_blank" href="https://dongjingyan.com/zonghezhishi/on74l3.html"> <span class="text">凤凰山海拔多少米</span> </a> </li> </ul> </div> </div> <footer class="footer"> Copyright © 2024 <a href='https://dongjingyan.com/' title='懂经验'>懂经验</a> All Rights Reserved. <div style="display:none;"> <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=6487fdcdbc4937001297ed7f&product=sop" async="async"></script> </div> </footer> </section> <script type='text/javascript' src='https://dongjingyan.com/skin/js/bootstrap.js'></script> <script type='text/javascript' src='https://dongjingyan.com/skin/js/hammer.min.js'></script> <script type='text/javascript' src='https://dongjingyan.com/skin/js/custom.js'></script> </body> </html>