Heim > Web-Frontend > HTML-Tutorial > 精通CSS.DIV网页样式与布局_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:49:06
Original
1101 Leute haben es durchsucht

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


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


CSS选择器:

1、标记选择器       

 h1{color:red;font-size:10px;}
Nach dem Login kopieren


2、类别选择器      

  .class{color:red;font-size:10px;}
Nach dem Login kopieren


3、ID选择器           

#id{color:red;font-size:10px;}
Nach dem Login kopieren


滤镜的概念:

      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;	}
Nach dem Login kopieren
段落效果

1、对齐方式:水平和垂直

2、间距设置:行间距、字间距

3、首字母放大

图片效果:

1、样式:图片边框、图片缩放

2、对齐方式:横向、纵向

3、混排:文字环绕

总结:

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


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage