欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-27 14:17:45
...
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能够对网页中的对象的位置排版进行像素级的精确控制,拥有对网页对象和模型样式编辑的能力,并且能够进行初步交互设计。具有较强的易读性。