CSS语法

CSS基本语法

CSS文件就是用来描述HTML文件属性的

怎么使用CSS语法

三种方式

1，在<head>中写选择器使用<style>元素，然后选择要改变的文件包含

2，在元素的行内进行描述。使用"style"元素。

3，单独在外面建立.CSS文件，然后引用。使用

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

基本选择器

1，标签选择器，在头部类里面选择一种标签。

2，类选择器。“.” div1

3, id选择器 。 “#” div2

CSS字体样式

字体大小<div style="font-size: 99px;">冲冲冲</div>

字体加粗<div style="font-weight: bold;">冲冲冲</div>

字体倾斜<div style="font-style: italic;">冲冲冲</div>

字体风格

CSS文本样式

首行缩进<div style="text-indent: 2em;">冲冲冲</div>

(2em)表示缩进两个字符

上划线<div style="text-decoration: overline;">冲冲冲</div>

下划线<div style="text-decoration: underline;">冲冲冲</div>

删除线<div style="text-decoration: line-through;">冲冲冲</div>

文本行高<div style="line-height: 66px;">冲冲冲</div>

文本水平对齐<div style="text-align: center;">冲冲冲</div>。。左left，右，right

CSS背景样式

背景颜色<div style="">冲冲冲</div>

背景图片

<div style="background-image: url(./gyy.jpg) no-repeat;>冲冲冲</div> no-repeat表示不重复的平铺

设置元素宽高<div style="width: 12px height:13px";>冲冲冲</div>

移动图片等<div style="background-position: center;";>冲冲冲</div>

位置 ： X，Y，Z。

顺序：颜色，图片地址，x方向位移，y方向位移，是否平铺

background-size: contain;等比放大，宽高有一边到边上就停

background-size: cover 铺满。

 

posted @ 2021-08-13 18:07  6ucky  阅读(84)  评论(0)    收藏  举报