你将收获

通过本课程的学习,学者能够完全学会网页设计技能,设计出自己喜欢别人满意的漂亮网页。

适用人群

所有人

课程介绍

本课程由有着多年网页设计经验的谢青老师精心打造,课程从基础讲起,讲述页面中的标签、页面中的布局与框架、HTML样式表、页面中的表单、经典项目实战等内容。课程内容丰富全面,非常适合初级学习者。

课程讨论

请问一下,第4节课,亚马逊网站png背景图片下载的那个界面怎么调出来?另外,为啥我的Dreamweaver图片编辑里“编辑图片设置、图像锐化和图像亮度对比度按钮单击没有反应

同学笔记

  • weixin_49413133 2020-08-17 14:52:49

    来源:HTML样式表(三) 查看详情

    CSS的语法

    <head>

    <style>

     .nav{

         border-top:5px solid           rgb(4,76,130)

     

      }

    </style>

    </head>

    <div class="nav">

    首页 聚合 荐新闻

    </div>

    属性:值

    通过CSS面板进行编辑设置有时代码会比较多,所以可以直接写聚合样式 ,节省代码

    10种样式必须掌握,并且这10种样式中有几种有分样式,必须掌握;其余样式可以使用CSS面板直接使用。

    width,height,padding,margin,color,border

    background,display,font,position

    其中的width,height仅适用于块级元素

     

    块级元素:

    独自一行,有高有宽有形状,可以包含其他容器类标签

    常用:div、ul、ol、li、dl、dt、dd、p、h1-h6

    行级(内联)元素

    行级元素——无法独自一行,没有高宽,没有形状,可以包含其他非容器类标签。

    常用:a  img  br  span  label  input  strong  select  textarea  i  em

     

    width:960px;

    margin:50px 10px 10px 10px;上右下左

     margin:0 auto;上下为0,左右居中

    <a href="#">首页</a>

     

    display:inline-block;能将一个内联元素改为一个有高有宽的元素

     

  • weixin_49413133 2020-08-15 00:44:32

    来源:HTML样式表(二) 查看详情

    css文件类别

    外部样式表——非行间样式

    内部样式表——非行间样式

    内联样式表——行间样式

    CSS的权限

    行间样式>复合、id的样式>类样式>标签样式

    内联(行间)样式>内部、外部(非行间样式)

     少用内联行间样式,多用class,斟酌使用ID

     

     

     

  • weixin_49413133 2020-08-15 00:24:05

    来源:HTML样式表(一) 查看详情

    CSS层叠样式表

    CSS3.0版本,主流CSS2.0。html5依然是css3的主要内容。

    CSS的识别、编辑、编写、应用、进阶使用。

    样式的选择器或选择符

    class类样式以.开头;

    ID选择器(页面设计中不允许重复);

    标签选择器(元素选择器);复杂页面中如果要统一设置某种内容再用。否则少用。

    名称不允许数字和符号排在第一位;名称只能为以下划线或字母开头;

    ID的优先级高于类;

    复合内容选择器

    样式作用域:

    权限

    就近原则

     

     

     

     

     

     

     

没有更多了