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

WBOY
發布: 2016-06-24 11:49:06
原創
1079 人瀏覽過

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


來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板