笔记(div+css)

笔记(div+css)

ID:39612916

大小:1.05 MB

页数:16页

时间:2019-07-07

笔记(div+css)_第1页
笔记(div+css)_第2页
笔记(div+css)_第3页
笔记(div+css)_第4页
笔记(div+css)_第5页
资源描述:

《笔记(div+css)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Div+Css开山篇Div+css是什么?Div+css是一种目前比较流行的网页布局技术Div存放需要显示的数据(文字,图表),css就是用来指定怎样显示,从而做到数据和显示相互分离的效果原理图如下:我们可以简单的这样理解div+cssDiv是用于存放内容(文字、图片、元素)的容器。Css是用于指定放在Div中的内容如何显示,包括这些内容的位置和外观快速入门案例(体验案例):Demo1.htmlcss入门小案例

My.css.style1{/*宽度*/width:400px;height:300px;/*一定要写一个分号*/background-color:silver;border:1pxsolidred;margin-left:400px;margin-top:250px;padding-top:20px;padding-left:40px;}♦网页设计的三个时期①table网页设计②table+css网页设计③div+css网页设计♦

3、css使用必要Css使用的基本语法选择器{属性1:属性值;属性2:属性值;}Demo2.html栏目一
栏目二
栏目三
栏目四

4、n>
栏目五Demo2.css/*.s1用术语类选择器*/.s1{color:green;font-size:30px;}.s2{color:yellow;font-size:12px;}.s3{color:blue;font-style:italic;}.s4{color:green;font-weight:bold;}.s5{color:#A26161;}字体统一案例Demo2.html

5、stylesheet"type="text/css"href="demo2.css"/>栏目一
栏目二
栏目三
栏目四
栏目五Demo2.css/*.s1用术语类选择器*/.s1{color:blue;font-size:30px;font-

6、style:italic;text-decoration:underline;}Css必要性2可以使用滤镜滤镜的使用内嵌代码:a:linkimg{filter:gray;}a:hoverimg{filter:"";}

7、>♦Css中常用的四种选择器:1.类选择器(class选择器)基本使用:类选择器{属性名:属性值;……}2.id选择器基本使用#id选择器{属性名:属性值;……}案例#id1{background-color:silver;font-size:40px;}3.html元素选择器某个html元素{属性名:属性值;……}案例/*html选择器*/body{color:orange;}4.通配符选择器♢css文件可以使用在各种文件(p

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签