web页面布局

最新推荐文章于 2025-06-03 23:42:55 发布

西红柿番茄炒蛋

最新推荐文章于 2025-06-03 23:42:55 发布

阅读量867

点赞数

本文链接：https://blog.youkuaiyun.com/apple_51451332/article/details/114585211

版权

div容器

1.很方便的一个个矩形，设置宽高和位置排列方式。灵活布局。
2.内部设置HTML标签。
3.门户网站都不是板板正正的，都是很灵活的布局；及大框架是由div来布局的。

CSS层叠式样式表

选择器

全局选择器

* {
		属性名：属性值;属性名1：属性值;

}

ID选择器
所有的标签抖音通用的 ID name class style通用的三个属性
语法：
# 标签的ID属性值{
```
			属性名：属性值;
		
		
		
		}
	缺点：是只能设置一个
```
类选择器可以选择某一类的标签全部改设置单双数颜色不同就需要设置类选择器，
语法：
.class属性值{
```
 		}
```
标签选择器
标签名{
```
 				}
```

包含选择器
标签标签 {

 	 //特点标签中的标签内的元素设置也得值
 	// 也可以串着使用  标签 类标签
 	
 	}

子对象选择器
父级对象选择器 > 子对象选择器 //中间不能夹杂别的标签垂直子类血亲才可以选择的是直接父子关系空格是所有后代都可以
//必须垂直子类。
伪类
假的？不是真实存在，伪类有很多超链接是伪类的一种

link: 设置类呗访问前的样式
style{
a:link{
color:red;

		}}
	visited：设置访问后的样式
		style{
		a:visited{
			color：blue;
		
		}
	active:被激活的样式 及点击时的样式
		style{
		a:active{
			color:green;
			font-size:40px;
		}
	hover：被悬停的样式  鼠标悬停的样式
	 style{
	 
		a:hover{
			color:pink;

			
		}
	 }

选择器的优先级：

	从高到底： important 最高  i你困厄style neilianshi选择器
		   id selectorid选择器 类选择器 标签选择器 全局选择器
			
				
		 zaistyle中是行内的，是所有标签的通用属性

		 ！important加载属性后面 分号前面

样式导入方式

内部样式块
head标签中的style标签内写
Link标记连接到外部表文件

; 谁后写谁就优先级高 ## 常用的属性 1. color:检索或设置对象的文本颜色。无默认值。 2. font-family:设置或检索用于对象中文本的字体名称序列。默认值为 "Times New Roman" 。 3. font-size:设置或检索对象中的字体尺寸。 4.font-style:设置或检索对象中的字体样式。取值： normal :　默认值。正常的字体 italic :　斜体。对于没有斜体变量的特殊字体，将应用 oblique oblique :　倾斜的字体 5. font-weight:设置或检索对象中的文本字体的粗细。 6. text-decoration:索或设置对象中的文本的装饰。取值： none :　默认值。无装饰 blink :　闪烁 underline :　下划线 line-through :　贯穿线 overline :　上划线 7. background-color:设置或检索对象的背景颜色。 8. background-image :设置或检索对象的背景图像。取值： none :　默认值。无背景图 url ( url ) :　使用绝对或相对 url 地址指定背景图像 9. background-repeat:设置或检索对象的背景图像是否及如何铺排。必须先指定对象的背景图像( background-image )。取值： repeat :　默认值。背景图像在纵向和横向上平铺 no-repeat :　背景图像不平铺 repeat-x :　背景图像仅在横向上平铺 repeat-y :　背景图像仅在纵向上平铺 10. height:设置或检索组件的高度 11.width:设置或检索组件的宽度 12.border-color:设置或检索对象的边框的颜色 13.border-style:设置或检索边框的样式。取值： none :　默认值。无边框。不受任何指定的 border-width 值影响 solid :　实线边框 14.border-width:设置或检索对象的边框的宽度.