CSS

1.css概念;:
css全拼:cascade style sheet -----级联样式表格
主要作用是控制网页上标签的各种样式:比如 颜色,字体,边框,等等
2.css格式
- 行内样式:可以加注在标签上 例如:<标签 style="具体的样式"></标签> 缺点是:如果多个标签用一个相同的样式的话,样式的代码会重复
- 内部样式表:定义在<html></html>里面的<head></head>标签里面,具体格式如下

<html>
	<head>
		<style>样式的内容</style>
	</head>
	<body></body>
</html>

内部样式表可以通过标签的class,id等,满足对多个标签使用相同样式的需求。
-外部样式表:把样式的信息定义在一个单独的文件中,文件的类型*.css

<html>
	<head>
		<link rel="样式文件的文件名" href=''css文件的路径">
	</head>
</html>

3.行内样式

  1. 颜色控制:颜色值可以是英文单词<标签 style="color:red"></标签>color后可以写任意颜色的单词 ;也可以是红绿蓝三原色 rgb(255,0,0)根据这三个值的大小来进行配色,三个值的最大值都是255,最小值则是0。建议:如果要用三原色进行配色的话,可以在画图工具里面的调色板来查找你所需要的颜色的三原色的数值;颜色也可以根据十六进制的值进行表示;背景色的控制与颜色控制类似,只不过把color变成background-color。例如:<标签 style="background-color:red"></标签>
  2. 字体相关的样式:font-size 像素 n px ;字体本身的大小 n emfont-family 字体的类型:如宋体,隶书,楷体等等;font-style:italic 斜体;font-weight:bold粗体
  3. 对齐方式:text-align:center居中,left靠左对齐,right 靠右对齐
  4. 背景相关:background-image:url背景图片的路径;background-repeat:控制背景图片如何重复no-repeat不重复 repeat-x在x方向上重复,repeat-y在y方向上重复;background-size: npx控制背景图的大小
  5. div标签:这是一个容器标签可以包含,容纳其他的标签,他的作用是:当需要统一处理标签,或者对页面的布局有一定的要求时,就可以用div标签:
  6. 宽高:width:宽度height:高度 他们的单位可以是px像素,也可以是n%:所占页面的比例
  7. 边框:border-color:边框颜色;border-style:边框为实线,虚线等border-width边框的宽度;他们可以合并为一个border: red solid 100%
  8. 文字修饰:text-decoration:line-through贯穿线 underline 下划线
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
06-02
CSS(Cascading Style Sheets)是一种用于描述网页样式和排版的语言。通过 CSS,我们可以将网页内容和样式分离开来,从而使得网页的结构和样式更加清晰易于维护。 CSS 由三个部分组成: 1. 选择器(Selector):用于指定要应用样式的 HTML 元素。 2. 属性(Property):用于指定要修改的样式属性,例如颜色、大小、边框等。 3. 值(Value):用于指定修改后的样式属性值,例如红色、16 像素、实线边框等。 CSS 的样式可以写在 HTML 文档的 `<head>` 标签中,也可以单独存储在一个 CSS 文件中,并通过 `<link>` 标签引用。例如: ```html <!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <h1>Welcome to my website!</h1> <p>This is a paragraph.</p> </body> </html> ``` 上述代码中,我们通过 `<link>` 标签引用了一个名为 `styles.css` 的外部样式表文件。该文件中可以包含一系列 CSS 样式,例如: ```css h1 { color: red; font-size: 24px; } p { color: blue; font-size: 16px; } ``` 上述代码中,我们定义了两个样式,一个用于 `<h1>` 标签,一个用于 `<p>` 标签。其中,`color` 属性用于设置文字颜色,`font-size` 属性用于设置文字大小。 这样,当用户访问我们的网页时,浏览器会自动加载 `styles.css` 文件,并将其中的样式应用到网页中的相应元素上。这样,我们就可以通过 CSS 来控制网页的样式和排版。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值