css元素选择器菜鸟教程,css基本选择器_第1页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、css元素选择器菜鸟教程,css基本选择器css基本挑选器(对指定的标签设置样式,要把指定的标签挑选出来):元素挑选器、类挑选器、id挑选器、组合挑选器、通用挑选器1. 元素挑选器(类型挑选器或标志挑选器):声明哪些元素采纳css样式2. 类挑选器(class):应用样式而不考虑详细设计的元素,为了将类挑选器的样式与元素举行关联,必需将元素中的class属性指定一个适当的值。class 挑选器在html中以class属性表示, 在 css 中,类挑选器以一个点"."号显示。也可以指定特定的html元素用法class。在html中,一个class属性还可能包含

2、多个属性值,各个值之间用空格分隔,表示将多类应用到同一个标志中。可以用法多次,表示类别。documentp.specialcolor: red;3. id挑选器(id):id 挑选器可以为标有特定 id 的 html 元素指定特定的样式。html元素以id属性来设置id挑选器,css 中 id 挑选器以 "" 来定义。不同与类挑选器,id挑选器不能组合用法,不容许有空格分隔的多个值,仅仅用法一次。red color:red;这个段落是红色。4.组合挑选器:多个挑选器(元素挑选器、类挑选器、id挑选器等)通过逗号衔接。样式一样的可以举行组合。html5语义化h

3、eader, section, footer, aside, nav, article, figuredisplay: block;nav,header,p,articlewidth: 1200px;margin:0 auto;ulheight:40px;background-color: fff;list-style: none;display: inline-block;width: 1200px;padding: 0px;liline-height: 40px;text-align: center;float: left;width: 400px;margin:0 auto;li:hov

4、erbackground: pink;atext-decoration: none;。postborder:1px dashed 000;padding: 0 0 20px 20px;margin-bottom: 40px;padding-top: 10px;background-color: fff;contentborder:1px solid ccc;padding:30px 40px;background-color: rgb(247,244,255);margin-top: 20px;页面导航查看相关内容返回首页返回本页作者,初级码农培训的,也许培训了半年,js、jquery、boo

5、tstrap、angular、vue、ajax、数据库、php、面对对象、web服务器、移动端我觉得还行作者:amy工作机会还多的,php是轻量级网站开发最好的挑选不错了作者:键盘侠学历本科、信息专业、会这么多,不会找不到的,对自己有信念一点我的帖子我做主关于楼主用户组:菜鸟初级阅读量:20发表时光:2020-03-18my logo5.?通用挑选器:?星号(*)该挑选器可以与任何元素举行匹配,可以对文档中的全部元素设定属性和属性值。div布局*margin: 0;padding: 0;border: 0;headerwidth: 100%;height: 80px;line-height:

6、80px;background-color: rgb(255,165,0);mainheight:200px;menufloat: left;height:200px;width: 10%;background-color: yellow;menuheight: 200px;bdisplay: inline-block;margin-top: 10px;font-size: 18px;margin-left: 5px;ulmargin-left: 46px;list-style: none;margin-top: 10px;ul liline-height: 40px;contentfloat: left;height:200px;background-color: pink;width: 90%;content ptext-align: center;line-height: 200px;footerbackg

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论