css

CSS选择器

元素选择器根据元素名称来选择HTML元素

给p标签加样式

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

 

给id加样式，前面带#号都是给id加样式的

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

 

给class=“center”（给类加样式）

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

给具有class=“center”的<p>元素居中对齐

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

注意：类不能以数字开头！

 

下面的CSS规则会影响页面上的每个HTML元素：

*{
     text-align:center;
     color:blue;
}

 

可以将定义为相同格式的几个HTML写在一起，之间用“,”隔开

 

外部样式在HTML页面<head>部分内的<link>元素中进行定义：

<link rel="stylesheet" type="text/css" href="mystyle.css">

 

CSS注释：

/* */

 

CSS边框颜色

<h1 style="border:2px solid Tomato;">Hello World</h1>

 

CSS背景

background-color  设置背景颜色  opacoty：设置透明度

background-image   设置背景图像 body{ background-image:url("bgdesert.jpg");}

background-repeat   背景重复

body{
    background-image:url("gradient_bg.png");
    background-repeat-x;（！--横轴平铺--）;
　　background-repeat-y;（！--竖轴平铺--）;
　　background-repeat:no-repeat;（！--背景图像仅显示一次--）;

}

 

background-attachment

background-position设置背景图的位置   background-position:right top;

 

CSS外边距

margin属性用于在任何定义的边框之外，为元素周围创建空间

通过CSS，您完全可以控制外边距，有一些属性可用于设置元素每侧（上、下、左、右）的外边距

CSS拥有用于为元素的每一侧指定外边距的属性：

margin-top
margin-right
margin-bottom
margin-left

所有外边距可以设置以下值：

auto-浏览器来计算外边距
length - 以px、pt、cm等单位指定外边距
% - 指定以包含元素宽度的百分比计的外边距
inherit - 指定应从父元素继承外边距

border:10px soild black;

 

CSS内边距

padding属性用于在任何定义的边界内的元素内容周围生成空间

padding-top
padding-right
padding-bottom
padding-left

文字缩进：

p{
     text-indent:50px;  
}

字母间距：

letter-spacing属性用于指定文本中字符之间的间距

h1{letter-spacing:3px;}

line-height:

指定行之间的间距

word-spacing:

用于指定文本中单词之间的间距

 

posted @ 2021-11-10 20:23  来自苏格兰  阅读(40)  评论(0)    收藏  举报