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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值