精通CSS.DIV网页样式与布局

CSS:Cascading Style Sheet——层叠样式表

概念:控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。


CSS选择器:

1、标记选择器       

 h1{color:red;font-size:10px;}


2、类别选择器      

  .class{color:red;font-size:10px;}


3、ID选择器           

#id{color:red;font-size:10px;}


滤镜的概念:

      CSS滤镜并不是浏览器的插件,也不符合CSS标准,而是微软公司为增强浏览器功能而特意开发的并整合在IE浏览器中的一类功能的集合。

总结图:
技术分享

CSS文字效果:为了使我们的网页制作的漂亮,文字效果是必不可少的。漂亮的文字,使我们的网页更加绚丽。

文字属性:字体、大小、颜色、粗细、斜体、下划线、顶划线、删除线、英文字母大小写。
例子:如下文字效果
技术分享
代码:
body{
	font-size:24px;  /*文字的字体*/
	color: #fff;     /*文字的颜色*/
	font-weight:bold; /*文字加粗*/
	font-style:italic; /*文字斜体*/
	/*文本阴影效果*/
	text-shadow:0 0 5px #CCCCCC, 0 0 10px #CCCCCC, 0 0 15px #CCCCCC, 0 0 20px #095816, 0 0 25px #095816, 0 0 30px #095816, 0 0 50px #095816, 0 0 80px #095816, 0 0 100px #095816, 0 0 150px #095816;	
}

段落效果

1、对齐方式:水平和垂直
2、间距设置:行间距、字间距
3、首字母放大

图片效果:

1、样式:图片边框、图片缩放
2、对齐方式:横向、纵向
3、混排:文字环绕

总结:

CSS能够对网页中的对象的位置排版进行像素级的精确控制,拥有对网页对象和模型样式编辑的能力,并且能够进行初步交互设计。具有较强的易读性。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。