java大神班教程访问css_第1页
java大神班教程访问css_第2页
java大神班教程访问css_第3页
全文预览已结束

付费下载

下载本文档

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

文档简介

1、CSS 复习大纲1CSS css+divCSS 是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果。可以解决 html 代码对样式定义的重复,提高了后期样式代码的可性,并增强了网页的显示效果功能。简单一句话:CSS 将网页内容和显示样式进行分离,提高了显示功能。2 CSS 的引入方式通过四种方式4.方式:通过 head中 link来实现,前提也是先要有一个已定好的 CSS 文件。例:注:可以通过多个 link进来多个 CSS 文件。重复样式以最后进来的 CSS 样式3.导入方式:前提是已经存在一个定义好的 CSS 文件。网页的一部分样式需要用到,那么就用到这种方

2、式。例: import url(css_3.css); div color:#FF0000;注:url 括号后面必须要用分号结束。如果导入进来的样式与本页面定义的样式重复,以本页定义样式为准。2.style方式:(内嵌方式)在 head中加入 style,对多个进行修改。p color:#FF0000;该方式可以对单个页面的样式进行设置,但对于局部不够灵活。1.style 属性方式:利用中 style 属性来改变每个的显示样式。例: p段落内容。该方式比较灵活,但是对于多个相同的同一样式定义比较麻烦,适合局部修改。3 选择器:就是指定 CSS 要作用的,那个的名称就是选择器。意为:选择哪个容器

3、。.通过怎么样的方式去选择 html 的元素选择器共有三种:a)b)c)Html 元素选择器。 class 选择器。 id 选择器。每一个操作。都定义了 class 属性和 id 属性。用于对进行标识,方便对进行在定义的中, 多个JavaScript 中经常用。的 class 属性值可以相同, 而 id 值要唯一, 因为id 选择器:与 class 选择器类似,但格式不同,选择器的名称为:#id 值。例:# color:#0000FF;P样式注:多个同样可以定义相同的 id 值,但是对于 JavaScript 对元素的获取就会出错。所以形成,确保 id 值的唯一性对于以后的数据库设计也很有好处

4、。class 选择器:在中定义 class 属性并赋值。通过名.class 值 对该进行样式设置。例:相同设置不同样式的时候,用 class 进行区分。p.pclass_1 color:#FF0000; p.pclass_2 color:#0000FF;P样式P样式不同进行相同设置的时候,用 class 进行定义。.claame color:#00FF00;P样式DIV样式样式优先级:由上到下,由外到内。优先级由低到高。为准。扩展选择器:关联选择器是可以嵌套的,要让相同中的不同显示不同样式,就可以用此选择器。例:p color:#00FF00; p b color:#FF000;P段落样式P段

5、落组合选择器对多个不同选择器进行相同样式设置的时候应用此选择器。p,div color:#FF0000;P显示段落。DIV显示段落注:多个不同选择器要用逗号分隔开。伪元素选择器其实就在 html 中预先定义好的一些选择器。称为伪元素。(CSS 的术语)格式:名:伪元素。类名名。类名:伪元素。都可以。 a:link 超未点击状态。a:visited 被后的状态。a:hover 光标移到超上的状态(未点击)。a:active 点击超时的状态。使用顺序 L V H - Ap:-line 段落的第一行文本。p:-letter 段落中的第一个字母。:focus 具有焦点的元素。IE 浏览器不支持,在 FireFox 中可以看到效果。看显示效果的时候注意,浏览器的缓冲。a:link color:blue; text-decoration: none; font-size:12px a:visited colray; text-decoration: none; font-size:8px a:hover color:red; text-decor

温馨提示

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

评论

0/150

提交评论