分手快乐 发表于 2015-1-16 10:38:20

学习下DIV+CSS网页结构技能实例14:组挑选器

课余,我们也思考过为什么要学习并使用div+css,而不是如何实现某个细节。当然我们也不应当为了Div+css而Div+css。这样做毫无意义。而以下两点是我们总结了的它不得不说的好:

[*]
[*]
组选择器(Groupselectors)

当一些元素范例、class大概id都有配合的一些属性,你就能够利用组选择器来制止屡次的反复界说。这能够节俭很多字节。


比方:界说一切题目的字体、色彩和margin,你能够如许写:

h1,h2,h3,h4,h5,h6{
font-family:"LucidaGrande",Lucida,Arial,Helvetica,sans-serif;
color:#333;
margin:1em0;
}
假如在利用时,有一般元素必要界说自力款式,你能够再加上新的界说,能够掩盖老的界说,比方:

h1{font-size:2em;}
h2{font-size:1.6em;}



接下来是布局思维方式,可能大家在接触DIV+CSS的时候无从下手,我现在向大家推荐最著名的盒子模型,我也是看了这个模型后一下子就开窍了。

飘灵儿 发表于 2015-1-18 07:40:53

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。

莫相离 发表于 2015-1-25 13:04:39

布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。

仓酷云 发表于 2015-2-2 22:14:41

技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。

分手快乐 发表于 2015-2-8 14:00:15

还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

小魔女 发表于 2015-2-25 18:55:38

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

不帅 发表于 2015-3-8 01:55:00

直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

蒙在股里 发表于 2015-3-15 20:51:08

可以使用 CSS 检查工具进行设计。

谁可相欹 发表于 2015-3-22 04:15:58

学Dreamweaver技术的过程其实是一个增加信心的过程。
页: [1]
查看完整版本: 学习下DIV+CSS网页结构技能实例14:组挑选器