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

研发管理 专栏收录该内容
7 篇文章 0 订阅

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

 

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值