WEB安全 DIV CSS基础

1.DIV和CSS样式

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1]

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

DIV是html的一个标签 css是一个样式表

2.样式表类型

2.1 嵌入样式表

	
		
		
		
	
	
		
			demo1
		
	

2.2 外部样式

			 该CSS教程系列涵盖了CSS的所有基础知识，包括选择器的概念
			 ，设置颜色和背景的方法，设置字体和文本的格式的方式，对超链接，
			 列表，表格等UI元素进行样式设置以及CSS框模型，等等。熟悉基础知识后，
			 您将进入下一个级别，该级别将介绍设置元素的尺寸和对齐方式使用图像精灵在网页上放置元素的方法以及相对和关联的概念
			 。绝对单位，视觉格式模型，显示和可见性，图层，伪类和元素，与媒体相关的样式表等。
			
			最后，您将探索CSS3中引入的一些高级功能，例如渐变颜色，阴影效果，2D和3D变换
			，alpha透明度，以及创建过渡和动画效果的方法，伸缩布局，滤镜效果，媒体概念查询等等。
			点击了解
		

9.列表

list-style-type 设置列表项标记的类型。参阅：list-style-type 中可能的值。

disc: 点

circle: 圆圈

square: 正方形

decimal: 数字

decimal-leading-zero: 十进制数，不足两位的补齐前导0，例如: 01, 02, 03, …, 98, 99

list-style-position

inside

列表项目标记放置在文本以内，且环绕文本根据标记对齐。

outside

默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。

list-style-image 使用图像来替换列表项的标记。参阅：list-style-image 中可能的值。

inherit 规定应该从父元素继承 list-style 属性的值

取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit

10.超链接

a{text-decoration: none;} 去掉链接字体下划线

a:link {color:#FF0000;} /* 未访问的链接 /

a:visited {color:#00FF00;} / 已访问的链接 /

a:hover {color:#FF00FF;} / 鼠标划过链接 /

a:active {color:#0000FF;} / 已选中的链接 */

	 

	 	
搜狗
		
搜狗
		
搜狗
		
搜狗
		
搜狗
		
百度