网页制作样式
HTML如何添加水平分割线:<hr/>
HTML提供了修饰段落的水平分割线，在很多的网页布局中都可以轻松使用，而不需要另外作图。水平分割线的标签是单标签：<hr/> 默认情况下只占一行。 <html><head><title>建站教程网-为学习HTML,DIV+CSS教程,网站开发制作与建设提供动力</title></head><body><p align="center">HTML教程</p><hr/><p>建站教程网-xhtml教程提供最全面的html教程，告诉您html是什么，快速学习xhtml知识，并制作html网页页面。</p></body></html> 运行上面的HTML代码就可以发现标题和正文内容之间就有一条横线。一个简单的<hr/>标签就可以实现分割线，轻松地修饰了段落排版，使之更美观。不过对于不同的应用场合，<hr/>默认单一的线条样式显然不能满足要求。<hr/>标签的多种属性解决了这个问题，常用的属性有width、size、align、color和titile。 width：即表示宽度，属性值默认单位为像素(px)，也可以用百分比来表示分割线所占空间的比例； size：表示分割线的厚度或高度，属性值默认单位也为像素(px)； aling：为对齐方式，类似于<p>的align； color：即颜色，我们可以根据需要设置分割线的不同颜色； title：这个属性使用的不多，表示当浏览者光标悬停在分割线上时出现属性值的内容提示。分割线<hr/>还有一个属性时noshade，当分割线没有设置颜色时，并且设置了一定的size时，分割线看上去是立体下凹，有阴影的。如果使用了noshade属性时，分割线将会呈现单色。
用html制作一个个人网页要求有五个链接，每页都有css格式
方法/步骤1CSS是由选择器加声明组成的。比如：h1{color:red;}h1就是选择器，意思是只要遇到h1，就使用该CSS的规则color：red; :这个事声明color:这个是属性red:这个是值2OK，我们先来分析选择器。END一.选择器1选择器的种类很多，各有各的作用。我们来一一讲解。标签选择器class选择器id选择器全局选择器组合选择器伪类选择器2标签选择器顾名思义，HTML中有许多标签，而标签选择器就是用来给标签直接申明样式的，简单、实用、常用。举例：p{color:red;}只要是p标签，其P标签内部的颜色，都是红色。如图代码<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>p{ color:red;}</style></head><body><p>嘿嘿哦嘿嘿呀哦嘿嘿哦</p></body>其中，<style>标签是样式标签，请将CSS放在其中（这部分内容后续会介绍，这里只是先提一下）3看网页效果4class选择器也叫做类选择器，直接说概念估计你也不明白，直接上例子吧。举例：.alsp{color:red;}这就是一个class选择器，意思是有一种CSS的样式，其名字是alsp，谁想用谁用。看代码：<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.alsp{color:red;}</style></head><body><p class="alsp">嘿嘿哦嘿嘿呀哦嘿嘿哦</p><ol class="alsp"><li>嘿啥嘿</li><li>我想嘿嘿</li><li>专制各种不服</li></ol><p>世界为亡，死不投降</p></body>5看网页效果通过.alsp定义一个class选择器。在后面的代码中，哪个标签想用，就用class="alsp"去调用，就可以使用这件“衣服”来修饰自己了6ID选择器ID和class很像，但是和class有一个区别。class像姓名，两个人是可以同名的，但是id像身份证，只有一个人可以使用。例如：#alsp{color:red;}OK，上代码：#alsp{color:red;}</style></head><body><p id="alsp">嘿嘿哦嘿嘿呀哦嘿嘿哦</p><ol><li>嘿啥嘿</li><li>我想嘿嘿</li><li>专制各种不服</li></ol><p>世界为亡，死不投降</p></body>7看网页效果只能有一个标签使用该id，或者说该标签专属ID8全局选择器*{margin:0; padding:0;}这个很简单，前面用个*来表示，整个网页都会使用。这句话也是网页基本都要添加的，什么意思呢？自己试试看吧。9组合选择器组合选择，小编是非常喜欢使用的，原因无他，懒而已。他可以减少代码量，并且方便、易读。不过组合选择器的组合方式比较多，但也多很好理解。1）群模式比如：h1{color:red; font-size:14px;}p{color:red; font-size:14px;}a{color:red; font-size:14px;}这三个虽然标签不同，但是样式是一模一样的，所以，可以这样写：h1,p,a,{color:red; font-size:14px;}2）继承模式比如：.alsp li{color:red;}<ul class=".alsp"><li>fdf</li></ul>li是在ul之中的，算是ul的后代。通过.alsp li确定li是属于调用alsp类选择器里的li标签，其他的li标签并不会使用该样式。3）群模式（多元素并列选择器）其实也是一种特殊的群模式p.alsp{color:red;}<p class="alsp">p.alsp</p><a class="alsp">a.alsp</p>alsp仍然是一种class选择器，但是他只有在p的标签下被使用才生效。所以，第一行生效，p.alsp字样变红，第二行不生效10伪类选择器“伪”字暴露了他的本质，伪类选择器并不像其他选择器直接做用在标签上，但是他偏偏又是在标签上进行使用，所以称为“伪类选择器”。伪类的作用，是作用在状态上。一般情况正常运行，只有当达成条件的时候触发，才会执行伪类选择器所代表是css样式。伪类选择器很多，但许多都是我们这辈子估计都用不到的。OK，伪类选择器后续我会专门写一篇经验介绍，有点小多，这里也就不多说了。END二.在HTML中调用CSS调用CSS的常用方法有3中内样式外样式行间样式内样式直接看代码，如图所示在<head></head>中，加入<style></style>,并将相关的CSS样式放在其中外样式直接看代码，如图所示：<link rel="stylesheet" type="text/css" href="index.css">这里，href为css的路径。意思是，你专门创建一个index.css的文件，里面放上CSS样式，和内样式的语法一模一样，只是专门找了一个文件存放而已。4行间样式行间样式直接写在元素里面例如：<p style="color:#900">嘿嘿哦嘿嘿呀哦嘿嘿哦</p>直接在标签后面加上style一般不要用，不过可以用来调试使用
Html图片按钮效果代码？
<input type="image" src="..." /> 答案补充 <input type="button" src="2.jpg" onmousemove="this.src='1.jpg'" onmouseout="this.src='2.jpg'" /> 答案补充 我晕，刚才直接复制你的，应该是这样<input type="image" src="2.jpg" onmousemove="this.src='1.jpg'" onmouseout="this.src='2.jpg'" />
怎么制作html5网站页面让它适应电脑和手机的尺寸
用以下代码开头：<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">使用百分比定义宽度，， CSS代码可以适当使用：@media only screen and (max-width:449px){}自动根据屏幕像素 调用不同的CSS代码。
在制作Xhtml页面时是先写HTML代码还是先写CSS代码
带着这个问题我们将来讲解到底先写CSS好还是先写html。网上有很多种对此的答案：先写HTML后写CSS；先写CSS后写HTML；两者同时写。我在平时做html页面是选择的两者同时进行，首先先建立好网站大致目录文件，如imges:存放页面图片；js： 存放JS脚本语言，而CSS文件我建议直接放到images文件夹里，这样好处以免，在调用图片背景时候把图片路径搞错了，再是就是方便维护图片名称；自然html页面则放到根目录下。然后我们先写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。其中头部、中间、底部基本都是大概页面的通用部分，大部分网页都是由这3个大部分组成。我们把这些部分用ID或class命名好后，再到css样式文件里写对应的css样式属性。而在css写前我们要把全局全站的div、h1、h2、字体、字体大小、li等等样式定义好这里不就不详细讲了，这样以来就不用每次新做网站的时候而重新定义，而直接拷贝通用的基本CSS样式定义模板即可使用。一般在制作DIV+CSS的时候新手最好是同时进行html与CSS，这样可以减少错误。在制作中如果经验不是很好的时候，希望在制作过程中多种不同的品牌版本浏览器中测试是否兼容有没有出现在这个浏览器中显示正常，而在另外浏览器却出现显示不全错乱等。从而解决和了解掌握基本兼容问题，积累宝贵的DIV+CSS技术经验，并习惯做上笔记，以免日后忘记。下面我们了解下先写html然后再写css：为什么说有些有经验者对新手说我们不可能一次性把HTML部分写好呢？因为人都是可能犯错误的，可能你的想法写的过程就是有问题的，或者为了浏览器的兼容性问题，有些是你由于经验的不足没有提前预料到，所以当你写样式时发现了问题时就有可能要改动你的HTML的代码。如果先把html写好后可能页面大了后，会忘记你在html中想到的对css属性布局选择。接着我们了解下先写CSS然后再写html：对应有经验的CSS制作者来说，这种是比较有可行性的比起先写html后写css来说。为什么呢？我们知道CSS的继承父级属性特点是相当好，这样以来我们可以通过这点来先写CSS。但是对于新手来说不能这样，如果你先写好CSS后在回到html页面写是回头看你写的css及会忘记怎么调用选择了，因对CSS兼容问题没有经验而同时这样兼容性也相当差。而有经验者通过父级继承特点来排版css文件代码，而返回html时调用CSS中class类和id时很清楚不容易出错。通过以上对先后的写法都作出了介绍与解释，但是值得说的一般制作页面时候我们通常是采用两者同时进行+浏览器测试进行。两者同时或半先写css再写html或相反的半先写html再写css是非常好的，这样不容易出错，以免出错后浪费时间修改。以上的说法不一定完全是正确但是通过以上想告诉DIV+CSS制作开发者，无论是先写html还是先写CSS这个并不重要，重要是你对div+css的喜爱加在日常不停的练习，你也可以HTML/CSS同时进行，都是可以的，看你的习惯。但你开发制作多了自然会总结出适合自己，而开发快的方法来。
制作网页的属性面板有HTML选项和CSS选项，两个有什么区别？
一个完整的页面是由html和css共同完成的。如果想加些动态的交互效果就要用到javascript啦1、什么是HTML（超文本标记语言 Hyper Text Markup Language），HTML 是用来描述网页的一种语言。2、CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素，语法为：selector {property：value} (选择符 {属性：值})3、JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行！可以来个形象的比喻：对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个很经典的例子是说HTML就像 一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思 考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人，没有Javascript、CSS是个毁容的植物人。如果说HTML是建筑师，CSS就是干装修的，Javascript是魔术师。
本地制作网页，为什么css效果无法在ie浏览器上预览？
按照路径预览的网页文件和style.css应处于同一文件夹的根目录才可以。注意事项：1、书写的代码兼容性问题，建议查看css hack。2、a:link、a:visited、a:hover，按照顺序写。
1.CSS指的是什么?在网页制作中为什么要使用CSS技术? 2.网页制作中有哪几种样式设置方法?各有何特点?
1.css是网页表现与内容分离的一种样式设计语言，就比如每个人都有一双眼睛、两只耳朵、两个鼻孔、一个嘴巴，而长的丑的人只是他的面部样式不符合大众的审美观。2.网站制作中之所以要使用css，是为了让页面布局样式等更加美观从而吸引阅读者。就好比一个五官精致的美女大家都爱看一样！3. ①行内样式。例如：<p style="color:red;">样式</p>(实际效果是p标签中的字体为红色)②内嵌样式。列如<p class="test">样式</p> <style>.test{color:red;}</style>(效果同上)③外联样式。列如把代码 .test{color:red;} 保存在style.css文件中，然后在页面中引入<link type="text/css" rel="stylesheet" href="style.css" />(效果同上)（望采纳哦！~~）
为什么制作网页，css样式不起作用
这个在排除软件等问题的情况下有可能是你CSS里面的名字与HTML的名字不符，也可能是你没有将CSS引入HTML，如果你这个html页面里还引入了其他的css样式的话也可能是其他的样式与你想起作用的样式发生了冲突。
