黑马程序员-PHP-课程同步笔记day04:CSS介绍_第1页
黑马程序员-PHP-课程同步笔记day04:CSS介绍_第2页
黑马程序员-PHP-课程同步笔记day04:CSS介绍_第3页
免费预览已结束,剩余1页可下载查看

下载本文档

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

文档简介

1、.【黑马程序员】PHPday04:CSSCSSSg e L或者 XML 等文件样式的计算机语言。其扩展名为.css。CSS 不仅可以静态的修饰网页,还可以协作各种脚本语言动态的对各网页元素进展格式化。初学 CSS,可先用内嵌式样式进展学习,位置为之间,标记:样式写在这里CSSCSS 规章由两个主要的局部构成:选择器,以及一条或多条声明。1122nn;选择器:通常是需要转变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性是期望设置的样式属性e 。每个属性有一个值。属性和值被冒号分开。CSSHTML 注释:CSS 注释:/*注释内容*/,不管是单行还是多行只有这一种方法。.CSS 根本

2、选择器根本选择器Style如:文字内容标签选择器针对 HTML 的标签设置样式,这个需要写在标签内。(biaoqiancss.html)IDID 选择器可以为标有特定 ID 的 HTML 元素指定特定的样式。 依据元素ID 来选择元素,具有唯一性,这意味着同一id 在同一文档页面中只能消灭一次尽管你会觉察即便你把几个元素都命名成一样的id 名字,css 选择器还是会把这些元素都选中应用样式,对于 css 选择器,id 属性的唯一性好似不存在。然而,对于 js 而idid语法:以”#”开头使用方法:留意:ID 选择器是区分大小写的。类选择器语法:以”.”开头,后面跟类名使用方法:内容通配符选择器

3、针对当前页面所用的标签应用同样的样式(对标签的初始化)*CSS如:*margin:0;padding:0;border:0; 标签和类结合如:p.testcolor:red=针对 p 标签应用类名为 test 的样式组合选择器多元素选择器多个标签或选择器同时声明。如:h1,h2,ul,limargin:0;padding:0; 定义的方法:选择器之间用逗号隔开后代选择器代元素之前、中间以空格分开即可。例如:p 空格 spancolor:red;子元素选择器请留意这个选择器与后代选择器的区分,子选择器child selector仅是指用于全部子后代元素。后代选择器通过空格来进展选择,而子选择器是通过“” 进展选择。例如:pspancolor:red;只会针对p 标签内的第一级 span 标签有效伪类选择器有时候还会需要用文档以外的其他条件来应用元素的样式,比方鼠标悬停等。这时候我们就需要用到

温馨提示

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

评论

0/150

提交评论