CSS标签

Posted 2021-05-16 被褐怀玉888988

文章目录

• • 1、运用代码调用CCS
  • 2、text-decoration
  • • 1.text-decoration-line
    • 2.text-decoration-color
    • 3.text-decoration-style
  • 3、text-align
  • 4、font-size
  • 5、font-family
  • 6、color
  • 7、background-color
  • 8、width
  • 9、height
  • 10、left
  • 11、top
  • 12、paddling
  • 13、margin
  • 14、border-style
  • 15、border-width
  • 16、border-color
  • 17、border-radius
  • 18、Float
  • 19、position
  • • absolute
    • fixed
    • relative
    • static
  • 19、class

网站界面的开发

1、运用代码调用CCS

运用以下代码可调用CCS修改格式

<link rel="stylesheet" href="style.css">

在CCS中用h1等标签可以用标签定向修改如

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

2、text-decoration

指定文本上装饰线的外观。

text-decoration: value;

1.text-decoration-line

设置要使用的文字装饰类型，例如underline, overline, line-through。

2.text-decoration-color

设置文字装饰的颜色。

3.text-decoration-style

设置文本的装饰，如风格solid，wavy，dotted，dashed，或double。

3、text-align

句子对齐。

text-align: value;

4、font-size

指定字体的大小。

font-size:值;

5、font-family

指定元素的字体。部分字体名称：

serif

sans-serif

fantasy

monospace

宋体 SimSun

黑体 SimHei

微软雅黑 Microsoft YaHei

微软正黑体 Microsoft JhengHei

新宋体 NSimSun

新细明体 PMingLiU

细明体 MingLiU

标楷体 DFKai-SB

仿宋 FangSong

楷体 KaiTi

仿宋_GB2312 FangSong_GB2312

楷体_GB2312 KaiTi_GB2312

font-family: 字体名称;

6、color

color属性指定文本的颜色。

• 十六进制指定

color: #92a8d1;

• 文本指定

color: green;

• rgb指定

  color: rgb(220, 20, 60);

7、background-color

指定元素的背景色。可以使用十六进制，RGB或颜色名称定义颜色值。值得注意的是{}外的值为body或div。

background-color:value;

8、width

指定元素内容区域的宽度。元素的宽度不包括填充，边框或边距。宽度可以用百分比（包含块的宽度），像素，cm等来定义。

width: value;

9、height

属性指定元素的内容区域的高度。元素的高度不包括填充，边框或边距。高度可以用百分比（包含块的宽度），像素，cm等来定义。

height: value;

10、left

left 属性规定元素的左边缘。该属性定义了定位元素左外边距边界与其包含块左边界之间的偏移。

left:value;

11、top

left 属性规定元素的上边缘。该属性定义了定位元素上外边距边界与其包含块上边界之间的偏移。

top:value;

12、paddling

设置的内边距

paddling:value;

13、margin

属性指定元素所有四个侧面上的边距区域。
可以设置四个距离为相同值

margin: value;

也可以分别设置

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

或

margin-top:value;

14、border-style

边框样式可为solid，dashed，dotted，double，groove等。

border-style :value;

15、border-width

边框宽度可以设置相同值，也可以分别设置，被设置为特定的大小（以像素，PT，厘米，EM，等），或者通过使用三个预定义值中的一个：thin， medium或thick。

border-width: value;

16、border-color

边框颜色。

border-color:value;

17、border-radius

边界半径，指定元素角的半径。它允许您向元素添加圆角。此属性可以具有一到四个值。每个半径的四个值的顺序给出top-left，top-right，bottom-right，bottom-left。指定一个值时，会将相同的半径应用于所有四个角。

border-radius:value;

18、Float

在屏幕的左侧或右侧放置一个元素，并允许文本和其他元素环绕它。value为left或right。

float: value;

19、position

absolute

绝对定位

fixed

固定定位元素,相对于浏览器窗口进行定位

relative

生成相对定位的元素，相对于其正常位置进行定位。

static

默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
参考：css的position属性

19、class

class允许一组元素具有自己独特的样式。
使用class设置样式：

1. 首先，您需要在该class中标记html中的元素。
2. 其次，您需要为该class编写样式规则集。要为一class元素编写规则。

<p class="hello">hello world</p>

.hello{

}