为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

《CSS总结》PPT课件

2022-05-05 25页 ppt 2MB 26阅读

用户头像 机构认证

希望图文

公司秉着用户至上的原则服务好每一位客户,专注课件、范文、教案设计制作

举报
《CSS总结》PPT课件CSS样式总结CSS样式基本语法CSS选择器CSS属性值在网页中应用CSSCSS盒模型Selector{property:value;}选择器属性属性值p{border:5pxredsolid;}通配选择器标记选择器类选择器id选择器CSS选择器css选择器通配选择器*{color:green;font-size:14px;font-family:黑体,华文行楷,宋体;}我是标题1我是标题2我是段落标记选择器h2{color:red;font-size:24px;}我是标题1我是标题1我是标题2我是标题2.a14{color:...
《CSS总结》PPT课件
CSS样式总结CSS样式基本语法CSS选择器CSS属性值在网页中应用CSSCSS盒模型Selector{property:value;}选择器属性属性值p{border:5pxredsolid;}通配选择器标记选择器类选择器id选择器CSS选择器css选择器通配选择器*{color:green;font-size:14px;font-family:黑体,华文行楷,宋体;}

我是标题1

我是标题2

我是段落

标记选择器h2{color:red;font-size:24px;}

我是标题1

我是标题1

我是标题2

我是标题2

.a14{color:blue;font-family:隶书;}.a15{color:#000;font-size:50px;font-style:italic;}我是标题1--OK我是标题1我是标题2--很OK

我是标题2

我是标题2--OK类选择器id选择器#box{width:600px;border:2pxsolid#f00;}我是标题1--OK我是标题1我是标题2--很OK

我是标题2

我是标题2--OK

我是标题2

我是段落

我是段落

只有应用了该id名称的元素会受到影响;用来构建整体框架的元素对象应定义id属性。在符合Web的设计中,每个id名称只能使用一次
伪选择器a:linka:visiteda:hovera:active超链接默认样式访问过的链接样式鼠标经过链接时的样式鼠标按下链接时的样式与超链接相关的四个伪类:伪选择器a{text-decoration:none;font-weight:bold;}a:link{color:#0000cc;}a:visited{color:#660099;}a:hover{color:#ff0000;}a:active{color:#006600;}h1,.a16{color:red;}

我是标题1

我是标题1

我是标题2

我是标题2--OK我是标题2--OK群组选择器功能:为不同的元素或对象定义相同的样式。派生选择器strongem{color:red;}

加粗

倾斜

加粗倾斜

加粗倾斜

两者之间至少为父子关系父子选择器strong>em{color:red;}

加粗

倾斜

加粗倾斜

加粗倾斜

加粗倾斜

color:rgb(100%,40%,35%);color:rgb(200,200,200);color:#ff0000;color:#f00;color:red;p{color:#ff0000;}内联样式内部样式外部样式

在head中定义:在文件外部定义:所谓盒子模型,就是把每个HTML元素看作一个装了东西的盒子,盒子里面的内容有属性“宽(width)”和“高(height)”;盒子里面的内容到盒子的边框之间的距离叫“内边距(padding)”;盒子本身有“边框(border)”;而盒子边框外和其他盒子之间的距离叫“外边距(margin)”。heightwidthpadding-toppadding-bottompadding-leftpadding-rightborder-topborder-rightborder-leftborder-bottommargin-topmargin-rightmargin-bottommargin-left元素的总宽度=左外边距+左边框+左内边距+宽+右内边距+右边框+右外边距元素的总高度=上外边距+上边框+上内边距+高+下内边距+下边框+下外边距1.书写规则Margin:20px;Margin:20px40px;Margin:20px40px60px;Margin:20px40px60px80px;四边边界都是20px上下边界是20px左右边界是40px上边界是20px左右边界是40px下边界是60px上边界是20px右边界是40px下边界是60px左边界是80px谢谢大家!
/
本文档为【《CSS总结》PPT课件】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
相关资料
热门搜索
你可能还喜欢
最新资料 资料动态 专题动态

历史搜索

    清空历史搜索