网页设计优先级_跪求高手指点:如何给网站页面信息归类排列优先级如何架构一个页面、一个网站

1、HTML中嵌入CSS的四种方式及优先级，如何选择

1. 行内样式

行内样式就是把 CSS 样式直接放在代码行内的标签中，一般都是放入标签的style属性中，由于行内样式直接插入标签中，故是最直接的一种方式，同时也是修改最不方便的样式。

<p style="background-color: #999900">行内元素，控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素，h2 标题元素</h2>
<p style="background-color: #999900">行内元素，控制段落-2</p>
<strong style="font-size:30px;">行内元素，strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素，div 块级元素</div>
<em style="font-size:2em;">行内元素，em 强调</em>2. 内嵌式

内嵌式通过将 CSS 写在网页源文件的头部，即在 <head> 和 <head> 之间，通过使用 HTML 标签中的 <style> 标签将其包围，其特点是该样式只能在此页使用，解决行内样式多次书写的弊端。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>内嵌式</title>
<style type="text/css">
p{
text-align: left;  /*文本左对齐*/
font-size: 18px;  /*字体大小 18 像素*/
line-height: 25px;  /*行高 25 像素*/
text-indent: 2em;  /*首行缩进2个文字大小空间*/
width: 500px;  /*段落宽度 500 像素*/
margin: 0 auto;  /*浏览器下居中*/
margin-bottom: 20px;  /*段落下边距 20 像素*/
}
</style>
</head>
<body>
<p>“百度”这一公司名称便来自宋词“众里寻他千百度”。（百度公司会议室名为青玉案，即是这首词的词牌）。而“熊掌”图标的想法来源于“猎人巡迹熊爪”的刺激，与李博士的“分析搜索技术”非常相似，从而构成百度的搜索概念，也最终成为了百度的图标形象。在这之后，由于在搜索引擎中，大都有动物形象来形象，如 SOHU 的狐，如 GOOGLE 的狗，而百度也便顺理成章称作了熊。百度熊也便成了百度公司的形象物。</p>
<p>在百度那次更换 LOGO 的计划中，百度给出的 3 个新 LOGO 设计方案在网民的投票下，全部被否决，更多的网民将选票投给了原有的熊掌标志。</p>
<p>此次更换 LOGO 的行动共进行了 3 轮投票，直到第 2 轮投票结束，新的笑脸 LOGO 都占据了绝对优势。但到最后一轮投票时，原有的熊掌标志却戏剧性地获得了最多的网民选票，从而把 3 个新 LOGO 方案彻底否决。</p>
</body>
</html>3. 链接式

链接式通过 HTML 的 <link> 标签，将外部样式表文件链接到 HTML 文档中，这也是网络上网站应用最多的方式，同时也是最实用的方式。这种方法将 HTML 文档和 CSS 文件完全分离，实现结构层和表示层的彻底分离，增强网页结构的扩展性和 CSS 样式的可维护性。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link href="lianjie.css" type="text/css" rel="stylesheet" />
<link href="lianjie-2.css" type="text/css" rel="stylesheet" />
</head>
<body>
<p>我是被 lianjie-2.css 文件控制的，楼下的你呢？？</p>
<h3>楼上的，<span>lianjie.css</span> 文件给我穿的花衣服。</h3>
</body>
</html>4. 导入样式<style type="text/css">
@import url=("css路径名");
</style>

这种方法一般不用，可以直接忽略。

一般都是采用链接样式，行内样式和内嵌样式维护起来相对麻烦，

优先级(从高到底)

行内样式>内嵌样式>链接样式>导入样式。

2、网页制作中如何使两个重叠在一起的FLASH显示有优先级

使用层
层有优先级的概念的，你可以把要优先显示的FLASH显示在前面的层上。
FLASH支持透明显示设置，手动修改下HTML代码即可，或者发布的时候直接发布成背景透明的。

3、计算机，网页设计中CSS各选择器的含义，用途和不同，尤其是复合内容选择器？

1元素选择器
HTML文档的元素名称就是元素选择器。 1）语法，例如：html<color:black;>、h1{color:blue;}、p{color:silver;} 2）缺点：不同的元素样式相同，即不能跨元素。所以做不到同一类元素下的细分。

2类选择器
自定义的某种选择器。 1）语法：.className{样式声明} 例如：.myClass{ background-color:pink;font-size:47px; } <h2>h2中的文本</h2> <p>p中的文本</p>
注意事项：
html文件中，所有元素都有一个class属性，如：<p></p>
类选择器还一种用法：<div id="d1"class="s1 s2">hello</div>，样式s1和样式s2对div共同起作用。

3分类选择器
将类选择器和元素选择器结果起来使用，以实现同一类元素下不同样式的细分控制。如<input>元素，又有按钮又有文本框的，采用分类选择器。 1）语法：元素选择器.className{样式声明} 例如： p.myClass{ color:red;font-size:27px } <h2>h2中的文本</h2> <p>p1中的文本</p> <p>p2中的文本</p>

4元素id选择器
以某个元素id的值作为选择器。比较特殊的、页面整体结构的划分一般使用id选择器。 1）语法：定义id选择器时，选择器前面需要有一个“#”号，选择器本身则为文档中某个元素的id属性的值。例如：#header{ color:red;background:yellow; } <h1 id="header">This is Title<h1>
u 注意事项：
v html文件中，所有元素都有一个id属性。且某个id选择器仅使用一次。

5派生选择器
依靠元素的层次关系来定义。某一包含元素下的一些相同子元素使用派生选择器。 1）语法：通过依据元素在其位置的上下文关系来定义样式，选择器一端包括两个或多个用空格分隔的选择器。例如：h1 span{color:red;} <h1>This is a<span>important</span>heading</h1>

6选择器分组
对某些选择器定义一些统一的设置（相同的部分）。 1）语法：选择器声明为以逗号隔开的元素列表。例如：h1,p,div{ border:1px solid black;}

7伪类选择器
伪类用于向某些选择器添加特殊的效果。 1）语法：使用冒号“：”作为结合符，结合符左边是其他选择器，右边是伪类。 2）常用伪类：有些元素有不同的状态，典型的是<a>元素。 ①:link：未访问过的链接 ②:active：激活 ③:visited：访问过的链接 ④:hover：悬停，鼠标移入，所有元素都能用 ⑤:focus：获得焦点例如：a:link{ color:black;font-size:20px; } a:visited{ color:pink;font-size:20px; } a:hover{ font-size:27px; } a:active{ color:red; }

8选择器优先级
1）基本规则：内联样式 > id选择器 > 类选择器 > 元素选择器
2）优先级从低到高排序：
div < .class < div.class < #id < div#id < #id.class < div#id.class 例如：<div id="id" style="color:black;"></div>

4、css选择器有哪些？各种选择器优先级大小顺序

CSS选择器如下：
1. 标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式
2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔命名找到准确的标签
5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示
选择器的优先级
1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)<div style="color:Red;"></div>
2.次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}
3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
4.最后优先级是（标签选择器，假设级别是 1） div{color:Red;}
5.那么后代选择器的优先级就可以计算了啊
比如 .divClass span { color:Red;} 优先级别就是：10+1=11

5、网页美工与UI设计区别是什么??

非业内人士总习惯用“美工”称呼UI设计师，而设计师通常会为此感到生气。毕竟，在国内大部分人对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互重要性的理解。实际上，这两个职业有着巨大差异。今天我们就为各位UI设计师正名，来聊聊“美工”与“UI设计师”的区别。01从工作性质来看美工这个称呼，本来的职业是：网站美术设计、平面美术设计，也就是我们称之为：平面设计师或网络设计师。这里面分的更细的是，平面设计师一般做logo设计、VI手册、印刷品等，网络设计师一般是指自己能独立完成网站，包括代码的设计师。UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。互联网新科技兴起，从国外引进了UX设计师的概念，但是公司内部协作分的更细，分为了：UI设计师（视觉）和UE设计师(交互），设计师彻底告别了代码，更专注于我们所说的：用户体验。02从服务群体来看1、美工美工服务的是甲方客户，作品是否可以通过，全靠甲方一句话。偏偏每个人的审美都不同，你辛辛苦苦做出来的未必就能让甲方喜欢。渐渐地，美工的主动权开始被剥夺，离自主创作越来越远，只是用软件做出好看的东西，这更像是一名素材的搬运工。2、UI设计师UI设计师面向的是产品使用者（用户），由于用户的留存会决定产品的生死，所以他们要听的是用户的话。即使上层领导与你的审美有很大差别，但也决不敢拿产品的命运打赌。用户留存数据、内测用户的反馈等是你做产品迭代的原因所在。甚至有时候，漂亮、充满创意的界面产生的效果反而比较差。03从工作流程来看1、美工接到老板需求，开始做设计，初稿过后根据老板的意见修改设计，改完后接着根据老板的意见修改……大家还记得曾经的网络热词——五彩斑斓的黑吗？2、UI设计师在开展设计产品UI之前，我们应当根据功能的优先级或者相关调研数据，结合常规设计原则来建立应用的界面交互框架，即交互线框图。交互线框图须对零碎且尚未流程化的功能信息进行归纳和整理，首先要交代应用中都有什么东西，并设计合理的信息结构，明确这些元素的具体位置，最后再详细描述用户与界面元素之间的交互行为，包括如何操作以及相应的操作反馈、跳转路径等。04从掌握技能来看1、美工UI设计和美工两者有什么区别？
爱吃奶茶的皮卡丘
与其持剑天涯，不如浪迹江湖
非业内人士总习惯用“美工”称呼UI设计师，而设计师通常会为此感到生气。毕竟，在国内大部分人对UI的理解还停留在美术设计方面，认为UI的工作只是描边画线，缺乏对用户交互重要性的理解。实际上，这两个职业有着巨大差异。今天我们就为各位UI设计师正名，来聊聊“美工”与“UI设计师”的区别。01

从工作性质来看美工这个称呼，本来的职业是：网站美术设计、平面美术设计，也就是我们称之为：平面设计师或网络设计师。这里面分的更细的是，平面设计师一般做logo设计、VI手册、印刷品等，网络设计师一般是指自己能独立完成网站，包括代码的设计师。

UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。互联网新科技兴起，从国外引进了UX设计师的概念，但是公司内部协作分的更细，分为了：UI设计师（视觉）和UE设计师(交互），设计师彻底告别了代码，更专注于我们所说的：用户体验。

02从服务群体来看

1、美工

美工服务的是甲方客户，作品是否可以通过，全靠甲方一句话。偏偏每个人的审美都不同，你辛辛苦苦做出来的未必就能让甲方喜欢。渐渐地，美工的主动权开始被剥夺，离自主创作越来越远，只是用软件做出好看的东西，这更像是一名素材的搬运工。2、UI设计师

UI设计师面向的是产品使用者（用户），由于用户的留存会决定产品的生死，所以他们要听的是用户的话。即使上层领导与你的审美有很大差别，但也决不敢拿产品的命运打赌。用户留存数据、内测用户的反馈等是你做产品迭代的原因所在。甚至有时候，漂亮、充满创意的界面产生的效果反而比较差。

03从工作流程来看

1、美工接到老板需求，开始做设计，初稿过后根据老板的意见修改设计，改完后接着根据老板的意见修改……大家还记得曾经的网络热词——五彩斑斓的黑吗？2、UI设计师

在开展设计产品UI之前，我们应当根据功能的优先级或者相关调研数据，结合常规设计原则来建立应用的界面交互框架，即交互线框图。交互线框图须对零碎且尚未流程化的功能信息进行归纳和整理，首先要交代应用中都有什么东西，并设计合理的信息结构，明确这些元素的具体位置，最后再详细描述用户与界面元素之间的交互行为。

6、网站设计要遵循哪些原则？

1、响应式布局：自适应PC、手机、平板端，网站的可访问性非常重要，越来越多的人使用手机搜索访问网站；
2、安全稳定：网站从本质上来说一款软件，是软件都会需要升级，因此使用专业的建站系统搭建网站除了功能完善，还可以在线升级
3、尊重知识产权：当前很多所谓的定制建站公司为了节省成本或受限于自己的技术水平，模仿抄袭建站行业的标杆企业模板或是模仿同行，从而会给公司埋下严重的侵权法律风险。

7、如何提升网页设计的视觉层次感

1. 明确元素设计目标
网页上的各项元素通常都有其存在的目的和意义，在构建视觉层次时我们就可以从这方面着手，根据网页元素的不同角色确定优先级，然后进行视觉层次的构建。
2. 考虑用户浏览模式
当用户初次访问网站时，他们一般不会仔细浏览所有内容，而是会进行快速的扫视，确定其中是否有自己感兴趣的内容。
3. 功能性优先
我们常常会有这样一个误区，认为视觉层次是服务于网站设计美感的。其实，视觉层次设计的功能性反而要更重要一些。设计师在构建视觉层次时首先需要确保每个元素发挥了自己的作用，比如提供给用户清晰的导航菜单、可见的购买途径等，然后再考虑元素组合的界面美观与否。
4. 善用留白
留白或者说负空间，不仅仅是指界面元素之中空白的区域，它更是视觉层次构成的核心元素之一。在视觉层次设计中，留白一方面可以用来联系或区分不同内容元素，创造别具一格的布局。另一方面它还可以帮助强调某个关键元素，让它获得用户额外的关注。
5. 使用黄金分割
黄金准则主要是指1:1.618的页面比例，它被公认为是最具美感的，在自然界、日常生活、舞台布局等多个方面都有着不同的应用。

8、网页制作 javascript中与或非的优先级是什么？

优先级：非>与>或
例如
if( !a&!b || !c&d ){
// (a、b为false) 或者 (c为false，d为true )

};

9、怎么样的网页设计才是最好的

先学一学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下JavaScript。然后就可以用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver（那些以后再学）。有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”），然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。嘿嘿，这个方法不错吧。先好好模仿一下吧。接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。这时还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，你就可以达到一定水平了。要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。到这时，相信你就可以真正领会到“网页三剑客”的威力了。在实践中不断提高要是每天能拿出两个小时来学习，完成以上这些学习估计只要20天就差不多了。要是天赋高的话（比如说像我这样的，呵呵)，那需要的时间就更少了。接下来该实习了，找个地方锻炼一下自己，比如可以去一些公司干干兼职，或是给自己的单位设计一下主页等。最好是能进入一个正规的开发团队，你就会学会如何以团队合作的方式开发网站，特别是怎样和程序组合作，把页面与后台程序数据库配合起来。可能你会担心自己是新手，人家会嫌弃你，没关系，只要努力去找，总会有机会的。到此，你就基本可以称作是一个“准Web Designer”了，不过要从根本上提高自己，最好去学学美术，这是当一个网页设计师的基本功。

10、跪求高手指点:如何给网站页面信息归类排列优先级？如何架构一个页面、一个网站？

导航:首页 > 万维百科 > 网页设计优先级

网页设计优先级

与网页设计优先级相关的知识