前端基础之css

2021-03-17 01:26

阅读:519

标签:win   str   center   分类   ==   relative   多个   --   repeat   

什么是css

CSS 指层叠样式表 (Cascading Style Sheets)

  • 外部样式表通常存储在 CSS 文件
  • 多个样式定义可层叠为一个

CSS声明总是以分号(;)结束,声明总以大括号({})括起来

p
{
color:red;
text-align:center;
}

而一般都是用外部样式表

id 选择器

以下的样式规则应用于元素属性 id="para1":

#para1 { text-align:center; color:red; }

class 选择器

.center {text-align:center;}

=========================

然后就是一般的属性

background

  background-image

  background-repeat

  background-color

text

  技术图片

 

 

表格边框

指定CSS表格边框,使用border属性。

下面的例子指定了一个表格的Th和TD元素的黑色边框:

table, th, td
{
    border: 1px solid black;
}

margin

技术图片

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

 

  padding:25px 50px 75px 100px;

  • 上填充为25px
  • 右填充为50px
  • 下填充为75px
  • 左填充为100px
margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

 

CSS 尺寸 







hover鼠标指针浮动在其上的元素

看完这些下面看一个以前的实例

     


评论


亲,登录后才可以留言!