css基础应用理解以及感悟

最新推荐文章于 2025-04-21 12:49:40 发布

黑灬色礼服

最新推荐文章于 2025-04-21 12:49:40 发布

阅读量435

点赞数

分类专栏： css

本文链接：https://blog.youkuaiyun.com/baidu_22777475/article/details/45171477

版权

css 专栏收录该内容

2 篇文章

订阅专栏

本文介绍CSS的基本使用方法，包括背景颜色设置、浮动、字体大小及颜色调整等。同时讲解了如何利用margin实现元素的居中显示，以及边框的设置方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通常css要配合html样式颜色字体大小颜色，以及排版，今天就说一下常用的，背景，浮动，字体大小，字体颜色，全局属性，上下左右边距，边框。我也是新手，写的不好大家多批评教育：

1.首先是背景颜色 background：颜色值，或颜色名；

2.浮动一般都是用左浮动，右浮动用的比较少，但是也是听常用的

    <style="float:left">//左浮动
    <style="float:right">//右浮动

3.字体大小 font-size:12px;

4.字体颜色

     <div style="corlor: red;">你好<div>

5.全局属性

     <style type="text/css">       
                   a{
			text-decoration:none;
			color:black;
			}
    </style>//这样全局所有的<a>标签都去掉了下划线，并且变为黑色的字

6. 边距margin,这个就比较重要了，有好几种写法特别的常用：

     <div style="margin: 0 auto;">上下左右边距为0</div>
     <div style="margin-top: 1px auto; ">距离上边距1像素，其他边距都是居中</div>
     <div style="margin-bottom:1xp ;">距离下1像素不居中，想居中跟上一样后面加auto</div>
     <div style="margin-left:1px;">距左</div>
     <div style="margin-right:1px;">距右</div>

7.边框

    <div style="width:100px;height:100px;border:1px solid #000000">//<span style="font-family: Arial, Helvetica, sans-serif;">宽为100px，高为100px，边框宽度1px，solid为实线，#000000为边框颜色</span><span style="font-family: Arial, Helvetica, sans-serif;"> </div></span>

8.总结一下比较实用的如果说一个页面宽度为1200px，整个月面占满是非常难看的，要左右居中。就要用到margin:

    <div style="width:1000px;height:300px;margin:0 auto;border:1px solid #000000">//<span style="font-family: Arial, Helvetica, sans-serif;">现在也面就会出现一个宽为1000px高为300px，并且居中的一个边框</span><span style="font-family: Arial, Helvetica, sans-serif;"></div></span>

前一段时间在研究html5也用了css3 发现css3添加的新属性不实用，圆角阴影，也可能是我入得太浅，推荐给大家一个html5+css3做的网站：http://html5doctor.com/，所有浏览器还没有支持之前，css3大家还是谨慎使用吧。