css外部样式怎么写

外部样式怎么写

1. HTML中CSS外部样式表

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

2、我们编写一个html5的声明标签— <！DOCTYPE html>，以使浏览器能认识到我们的文档是一个html5的文件，这样就可以快速的正确解读，以提高浏览的体验。3、我们写一个的标签，将网页的题目写入进去，让网页的标题显示为“引入外部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> <h2>2. css外部样式如何调用</h2> <p> <link href="css/base.css" type="text/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>不过不建议用，兼容性不好，要想改变图片大小还是把图片再处理下吧，这样可以不用占用过多的cpu</p><p>有不明白的，请追问</p> <script type="text/javascript">showCe(); </script> <p class="post-copyright">转载请注明出处<a href="/">育才学习网</a> » css外部样式怎么写</p><div class="article-tags"></div> </article> <div class="teles"></div> <script type="text/javascript">showhf();showLike();showhf();showCe();showhf();showZh();showhf();</script> </div> <div class="tuijian"> <article class="excerpt excerpt-1"><a class="focus" href="/zhishi/574230.html"><img data-src="https://i01piccdn.sogoucdn.com/4dc239c1d8bf4234" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574230.html" title="罗梅芬用日文怎么写(罗钰潇日语怎么写)"><strong>罗梅芬用日文怎么写(罗钰潇日语怎么写)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(21425)</span></p><p class="note">本文主要为您介绍罗梅芬用日文怎么写，内容包括伊蕾娜日语怎么写，王雪菲用日文怎么说，张佳怡在日语中怎么写啊怎么读啊。罗らラ ra钰ぎょくギョク gyoku潇しょうシヨウ shou第一列：日语汉字，写法同汉字，都要用繁体，这三个都挺难写的，看</p></article> <article class="excerpt excerpt-2"><a class="focus" href="/zhishi/574229.html"><img data-src="https://i03piccdn.sogoucdn.com/d9f4ef35cb80dbe5" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574229.html" title="邓先生的英文怎么写(1~40的英文怎么说)"><strong>邓先生的英文怎么写(1~40的英文怎么说)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(10440)</span></p><p class="note">本文主要为您介绍邓先生的英文怎么写，内容包括“邓先生”用英语怎么写，1~40的英文怎么说，漂亮英文beautiful缩写怎么写。1 one 2 two 3 three 4 four 5 five 6 six 7 seven 8 eight 8 nine 10 te</p></article> <article class="excerpt excerpt-3"><a class="focus" href="/zhishi/574228.html"><img data-src="https://i01piccdn.sogoucdn.com/e3f4b5ca0f7c1c59" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574228.html" title="一个人布满皱纹怎么写(描写人物皱纹的句子)"><strong>一个人布满皱纹怎么写(描写人物皱纹的句子)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(9514)</span></p><p class="note">本文主要为您介绍一个人布满皱纹怎么写，内容包括描写人物皱纹的句子，描写人物皱纹的句子，皱纹怎么描写。、老人脸上布满了皱纹，那一条条曲折不均的像是墙上斑驳的印迹，爬满了面容，留下了岁月的痕迹。2、外祖父是一位年过六旬的白发老人。在他</p></article> <article class="excerpt excerpt-4"><a class="focus" href="/zhishi/574227.html"><img data-src="https://i02piccdn.sogoucdn.com/4ec023d2359cf685" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574227.html" title="登录接口怎么写(php登录的接口怎么写)"><strong>登录接口怎么写(php登录的接口怎么写)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(7759)</span></p><p class="note">本文主要为您介绍登录接口怎么写，内容包括php登录的接口怎么写，网页登陆接口怎么做，网站登录接口程序怎么做。PHP 接口接口使用接口（interface），你可以指定某个类必须实现哪些方法，但不需要定义这些方法的具体内容。我们可以通过int</p></article> <article class="excerpt excerpt-5"><a class="focus" href="/zhishi/574226.html"><img data-src="https://i03piccdn.sogoucdn.com/75bf10304b32accf" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574226.html" title="档案奖惩情况怎么写(奖惩情况怎么写)"><strong>档案奖惩情况怎么写(奖惩情况怎么写)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(9600)</span></p><p class="note">本文主要为您介绍档案奖惩情况怎么写，内容包括奖惩情况怎么写，个人简历及奖惩情况怎么填写，个人简历里面奖惩情况怎么写。在简历里的“奖励”部分，列出与你所获得的并与你的求职目标相关的荣誉、奖励和奖金。你既可以按时间顺序排列，也可以按</p></article> <article class="excerpt excerpt-6"><a class="focus" href="/zhishi/574225.html"><img data-src="https://i04piccdn.sogoucdn.com/9e688388a30613e8" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574225.html" title="头孢克肟拼音怎么写(头孢克肟的肟念什么)"><strong>头孢克肟拼音怎么写(头孢克肟的肟念什么)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(8001)</span></p><p class="note">本文主要为您介绍头孢克肟拼音怎么写，内容包括头孢克肟片全名拼音，头孢克肟片全名拼音，头孢克肟的肟念什么。肟[wò] ：是含有羰基的醛、酮类化合物与羟胺作用而生成的有机化合物，可以参与许多有机化学反应，例如经典的Beckmann重排就是肟为底</p></article> <article class="excerpt excerpt-7"><a class="focus" href="/zhishi/574224.html"><img data-src="https://i01piccdn.sogoucdn.com/18e611ed7ff51351" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574224.html" title="一库搜用日语怎么写(日语一库是什么意思)"><strong>一库搜用日语怎么写(日语一库是什么意思)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(7989)</span></p><p class="note">本文主要为您介绍一库搜用日语怎么写，内容包括日语大神来,看动漫里的主人公说一句：恰,一库搜这是什么意思，一库一库；一搜库这两个日语是什么意思怎么写，看片都有“一库”（日语）是什么意。一库的意思就是“出发，出去”的意思。日语「行く」的音译</p></article> <article class="excerpt excerpt-8"><a class="focus" href="/zhishi/574223.html"><img data-src="https://i04piccdn.sogoucdn.com/2d497fdd8c7a046f" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574223.html" title="外租无人机广告怎么写(植保无人机广告语)"><strong>外租无人机广告怎么写(植保无人机广告语)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(6999)</span></p><p class="note">本文主要为您介绍外租无人机广告怎么写，内容包括求一个无人机创意广告词谢谢巨友们了，求一关于无人机的广告标语，求一关于无人机的广告标语我们公司是做无人机的,新成立的公司,求。DJI大疆创新研发的的MG-1农业植保机专为农村作业环境设计，</p></article> <article class="excerpt excerpt-9"><a class="focus" href="/zhishi/574222.html"><img data-src="https://i04piccdn.sogoucdn.com/1c0b79bde1f72c8b" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574222.html" title="河南话que怎么写(河南话的nenna怎么写)"><strong>河南话que怎么写(河南话的nenna怎么写)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(6531)</span></p><p class="note">本文主要为您介绍河南话que怎么写，内容包括que怎么写，河南话的nenna怎么写，que怎么写。尿一壶（niào yī hú）关系密切，观点一致。例：“他俩今天尿一壶啦。”●尿（niào）⑴、从尿道排泄的液体。⑵、排泄小便。⑶、不放</p></article> <article class="excerpt excerpt-10"><a class="focus" href="/zhishi/574221.html"><img data-src="https://i02piccdn.sogoucdn.com/3237ccc535f80af2" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574221.html" title="国学经文的论文怎么写(国学征文该怎么写)"><strong>国学经文的论文怎么写(国学征文该怎么写)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(7113)</span></p><p class="note">本文主要为您介绍国学经文的论文怎么写，内容包括国学征文该怎么写，弟子规的400论文，关于国学经典的征文怎么写。“子曰：“温故而知新，可以为师”……小时，总是觉得国学就是没用的，古人写的话，我们还需要背，每次老师教给我们时，我总是会让思想开一</p></article> <article class="excerpt excerpt-11"><a class="focus" href="/zhishi/574220.html"><img data-src="https://i03piccdn.sogoucdn.com/9652b9c2c584e477" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574220.html" title="化学实验总结怎么写(化学实验报告小结怎么写)"><strong>化学实验总结怎么写(化学实验报告小结怎么写)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(5397)</span></p><p class="note">本文主要为您介绍化学实验总结怎么写，内容包括化学实验总结怎么写，化学实验报告小结怎么写，化学实验小结怎么写。化学实验报告的书写：一般情况下化学实验报告是根据实验步骤和顺序从七方面展开来写的： 1.实验目的：即本次实验所要达到的目标或</p></article> <article class="excerpt excerpt-12"><a class="focus" href="/zhishi/574219.html"><img data-src="https://i02piccdn.sogoucdn.com/035a0c12f282a6c7" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574219.html" title="蝴蝶豌豆拼音怎么写(豌豆的拼音是什么)"><strong>蝴蝶豌豆拼音怎么写(豌豆的拼音是什么)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-16</time><span class="pv"><i class="fa fa-eye"></i>阅读(5826)</span></p><p class="note">本文主要为您介绍蝴蝶豌豆拼音怎么写，内容包括蝴蝶怎么拼音的，豌豆的拼音是什么，蝴蝶的拼音是什么。豌豆的拼音是[wān dòu]。豌豆是豆科一年生攀援草本，高0.5-2米。全株绿色，光滑无毛，被粉霜。叶具小叶4-6片，托叶心形，下缘具</p></article> <article class="excerpt excerpt-13"><a class="focus" href="/zhishi/574218.html"><img data-src="https://i02piccdn.sogoucdn.com/39caaeb953f74932" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574218.html" title="海绵宝宝用英文怎么说(海绵宝宝用英文怎么说)"><strong>海绵宝宝用英文怎么说(海绵宝宝用英文怎么说)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-15</time><span class="pv"><i class="fa fa-eye"></i>阅读(6510)</span></p><p class="note">本文主要为您介绍海绵宝宝用英文怎么说，内容包括海绵宝宝用英语怎么说，海绵宝宝用英文怎么说，海绵宝宝英文名是什么。1. SPONGEBOB SQUAREPANTS 近期很夯的一步卡通影片《海绵宝宝》（SpongeBob SquarePants）是一系</p></article> <article class="excerpt excerpt-14"><a class="focus" href="/zhishi/574217.html"><img data-src="https://i02piccdn.sogoucdn.com/6d14c8616171efbb" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574217.html" title="茶盏怎么用(茶盏在茶道中干嘛用)"><strong>茶盏怎么用(茶盏在茶道中干嘛用)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-15</time><span class="pv"><i class="fa fa-eye"></i>阅读(5422)</span></p><p class="note">本文主要为您介绍茶盏怎么用，内容包括茶盏怎么用我要写一篇200字左右的茶盏的使用说明,求指教，茶盏在茶道中干嘛用，问一下斗笠盏如何使用现在是不是很少有人使用它,它的意义。苏东坡的名句＂从来佳茗似佳人＂，典型地代表了唐宋及以后的文人墨客，</p></article> <article class="excerpt excerpt-15"><a class="focus" href="/zhishi/574216.html"><img data-src="https://i01piccdn.sogoucdn.com/957c35e2aee3d7cd" class="thumb"/></a><header><a class="cat" href="/zhishi/">知识<i></i></a><h2><a href="/zhishi/574216.html" title="thinkpad小红点怎么用(怎么学习使用thinkpad小红点)"><strong>thinkpad小红点怎么用(怎么学习使用thinkpad小红点)</strong></a></h2></header><p class="meta"><time><i class="fa fa-clock-o"></i>2021-09-15</time><span class="pv"><i class="fa fa-eye"></i>阅读(7582)</span></p><p class="note">本文主要为您介绍thinkpad小红点怎么用，内容包括怎么学习使用thinkpad小红点，thinkpad小红点怎么用，求教：THINKPAD的小红点使用方法。Thinkpad 小红点最高效的使用方法为：左手拇指按左键，无操作时在左键待命2、右手拇指按右键，同时兼按空格键及</p></article> </div> </div> <aside class="sidebar"> <div class="widget widget_ui_posts"><h3>热门推荐</h3><ul> <li><a href="/zhishi/574242.html"><span class="thumbnail"><img data-src="https://i04piccdn.sogoucdn.com/cc64622950f9c50c" class="thumb" src="https://i04piccdn.sogoucdn.com/cc64622950f9c50c" style="display: block;"></span><span class="text">十五斤香肠用英文单词怎么写(香肠用英语怎么写)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574241.html"><span class="thumbnail"><img data-src="https://i01piccdn.sogoucdn.com/e00f87ae9f7966e8" class="thumb" src="https://i01piccdn.sogoucdn.com/e00f87ae9f7966e8" style="display: block;"></span><span class="text">运动小锦囊怎么写(小学生品德与生活外出小锦囊怎么填)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574240.html"><span class="thumbnail"><img data-src="https://i02piccdn.sogoucdn.com/065667740dcba992" class="thumb" src="https://i02piccdn.sogoucdn.com/065667740dcba992" style="display: block;"></span><span class="text">酒店星级复核感想怎么写(酒店的总结和自查报告该怎么写呢)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574239.html"><span class="thumbnail"><img data-src="https://i03piccdn.sogoucdn.com/38f4a8cdbebc2802" class="thumb" src="https://i03piccdn.sogoucdn.com/38f4a8cdbebc2802" style="display: block;"></span><span class="text">韩亚航空的行李牌怎么写(关于韩亚航空的托运行李要求)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574238.html"><span class="thumbnail"><img data-src="https://i02piccdn.sogoucdn.com/0cd761bf288fad5c" class="thumb" src="https://i02piccdn.sogoucdn.com/0cd761bf288fad5c" style="display: block;"></span><span class="text">监理资料中验收结论怎么写(建设工程质量竣工验收意见书里面对资料检查的验收结论应该怎么写)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574237.html"><span class="thumbnail"><img data-src="https://i03piccdn.sogoucdn.com/0355d4c0fcc91363" class="thumb" src="https://i03piccdn.sogoucdn.com/0355d4c0fcc91363" style="display: block;"></span><span class="text">上诉陈情书怎么写(陈情书怎么写)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574236.html"><span class="thumbnail"><img data-src="https://i01piccdn.sogoucdn.com/950a06110ebc0f5f" class="thumb" src="https://i01piccdn.sogoucdn.com/950a06110ebc0f5f" style="display: block;"></span><span class="text">保安员推荐表怎么写(保安年度评优工作推荐表怎么)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574235.html"><span class="thumbnail"><img data-src="https://i03piccdn.sogoucdn.com/c01eebc76f06ae6a" class="thumb" src="https://i03piccdn.sogoucdn.com/c01eebc76f06ae6a" style="display: block;"></span><span class="text">打孩子耳光心疼怎么写说说(打孩子又心疼的说说)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574234.html"><span class="thumbnail"><img data-src="https://i02piccdn.sogoucdn.com/25e92524a575da9d" class="thumb" src="https://i02piccdn.sogoucdn.com/25e92524a575da9d" style="display: block;"></span><span class="text">总结会议通讯稿怎么写(关于会议的通讯稿怎么写)</span><span class="muted">2021-09-16</span></a></li><li><a href="/zhishi/574233.html"><span class="thumbnail"><img data-src="https://i02piccdn.sogoucdn.com/ea5c46039932cbb0" class="thumb" src="https://i02piccdn.sogoucdn.com/ea5c46039932cbb0" style="display: block;"></span><span class="text">哈压库怎么写(求教,一库一库,哈压库,莫多,什么意思)</span><span class="muted">2021-09-16</span></a></li></ul> </div> <div class="widget widget_ui_tags"><h3>标签</h3><div class="items"> <a href="/etagid313392b0/" target="_blank">线字繁体怎么写</a><a href="/etagid313391b0/" target="_blank">家常豆腐的英文怎么写</a><a href="/etagid313390b0/" target="_blank">长沙臭豆腐的英文怎么写</a><a href="/etagid313389b0/" target="_blank">豆腐的英文怎么写</a><a href="/etagid313388b0/" target="_blank">怎么写最熟悉的人发生的一件事情</a><a href="/etagid313387b0/" target="_blank">怎么写最熟悉的人作文</a><a href="/etagid313386b0/" target="_blank">怎么写最熟悉的人300字</a><a href="/etagid313385b0/" target="_blank">公司请产假怎么写</a><a href="/etagid313384b0/" target="_blank">心态的英文单词怎么写</a><a href="/etagid313383b0/" target="_blank">临别赠言怎么写给同学</a><a href="/etagid313382b0/" target="_blank">临别赠言怎么写?</a><a href="/etagid313381b0/" target="_blank">英语临别赠言怎么写</a><a href="/etagid313380b0/" target="_blank">贺卡开头怎么写送给别人的话</a><a href="/etagid313379b0/" target="_blank">贺卡开头怎么写</a><a href="/etagid313378b0/" target="_blank">贺卡开头怎么写英文的</a> <a href="/etagid313394b0/" target="_blank">js外部样式怎么写</a><a href="/etagid313395b0/" target="_blank">html外部样式怎么写</a><a href="/etagid313396b0/" target="_blank">酒软文怎么写吸引人</a><a href="/etagid313397b0/" target="_blank">开业活动最后一天的软文怎么写</a><a href="/etagid313398b0/" target="_blank">逸的笔画顺序怎么写的呀</a><a href="/etagid313399b0/" target="_blank">逸字的笔画顺序怎么写</a><a href="/etagid313400b0/" target="_blank">别人欠钱怎么写借条有效</a><a href="/etagid313401b0/" target="_blank">法律有效的借条应该怎么写</a><a href="/etagid313402b0/" target="_blank">末的繁体字怎么写</a><a href="/etagid313403b0/" target="_blank">末字的繁体字</a><a href="/etagid313404b0/" target="_blank">备忘录怎么写英语作文模板</a><a href="/etagid313405b0/" target="_blank">英语作业备忘录怎么写</a><a href="/etagid313406b0/" target="_blank">总字繁体</a><a href="/etagid313407b0/" target="_blank">物业合同怎么写明包括中央空调</a><a href="/etagid313408b0/" target="_blank">关于业主委员会和物业的合同怎么写</a> </div></div> </aside> </section> <footer class="footer"><div class="container"><p>Copyright © 2015 - 2020 <a href="/">育才学习网</a> css外部样式怎么写</div></footer> <script type='text/javascript' src='//apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js'></script> <script type='text/javascript' src='//apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js'></script> <script type="text/javascript" src="/style/js/twoeggz.js"></script> <script type="text/javascript">showpop(); </script> </body></html>