学习笔记(8):网页设计速成之Dreamweaver-HTML样式表(三)

立即学习:https://edu.csdn.net/course/play/454/4767?utm_source=blogtoedu

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;能将一个内联元素改为一个有高有宽的元素

 

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页