首页 >web前端 >html教程 >精通CSS.DIV网页样式与布局_html/css_WEB-ITnose

精通CSS.DIV网页样式与布局_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 11:49:061096浏览

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


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn