CSS样式单详解-优快云博客

本文链接：https://blog.youkuaiyun.com/xiaoxiao_2446xuxu/article/details/81631654

1 css作用和发展

css （Cascading Style Sheet）称为级联样式单，层叠样式单

他是一种专门描述结构文档的表现形式的文档，主要用于网页风格，设计，包括字体大小，颜色，以及元素的精确定位等

在传统的web网页设计里，使用css能让单调的html网页更富表现力

表达效果丰富

文档体积比较小

便于信息检索

可读性好

2 css基本使用

控制文档显示，使用css样式单

1 使用内联样式

2使用内部样式， 1头部定义样式申明 2结构

3链接外部样式文件

2.1 行内样式（内联样式）

2.2 内部样式

2.3 引入外部样式文件（彻底分离）

2.4 导入外部样式文件

3 各种样式的优先级

内联》内部》import》link

4 css字体和文本相关属性

练习

<style type="text/css">
	      .one { font-size:18px;font-Family:Arial;font-style:oblique}
		  .one b{font-weight:normal;font-size:0.5cm}
		  .two { font-size:20px;line-height:100px;letter-spacing：10px;word-spacing:50px;text-indent30px;
		  text-transform:capitalize;text-decoration:underline;text-align:center}
		  </style>
   </head>

	      <body>
		   <p class="one">我的名<b>字</b>叫，今年世界</P>
		   <p class ="two">my name，今年世界</P>
		
			  
		   </body>
	</head>