CSS复习总结(2)

原创 2015年11月19日 20:43:49

接上周,继续复习CSS

CSS主要是对网页样式的修改,比如字体大小颜色的设置等等,也可以通过一些标签起到批量修改的效果,css样式由选择符和声明组成,声明又由属性和值组成。如p{font-size:20px;color:red;},是将网页中所有段的字体大小变为20px,颜色变为红色。在<style type="text/css">之后对整段进行修改,也可以在想要改变样式的文字前插入<span>标签。

CSS标签的插入分为内联式、嵌入式和外部式三种,其中内联式是将CSS代码直接写在现有的html标签中,优点是插入方便,可一次性修改一整段的格式,缺点是难以进行特定字符的样式设置。嵌入式是在<style type="text/css">和</style>之间插入CSS代码的一种格式,可以与span连用以达到修改特定字符的功能。而外部式是引用一个单独的css文件,这个文件以.css为扩展名,通过<link>标签链接到html文件内,如<link href="style.css" rel="stylesheet" type="text/css" />,<link>标签一般写在<head>内,后面的rel和type为固定写法,可单独修改CSS文件而不影响其他代码,非常方便。

关于选择器。

选择器就是之前写过的选择符……选择要设置样式的位置,标签选择器其实就是标签,类选择器就是可以在span标签中出现不同的样式,使其更加多样化,书写格式为英文圆点开头,名字可以任取,只是不要取中文,之后在 <span>里插入class="类选择器名称"就可以使用了。ID选择器功能与类选择器很像,书写上的区别除了ID选择器是#,插入时写入的是<span id="ID选择器名称">之外,最大的区别就是,

ID选择器只能使用一次……

ID选择器只能使用一次……

ID选择器只能使用一次……

只能使用一次……


……要你何用



还有子选择器和包含选择器,这两个也很像,子选择器可以选择指定元素的第一代子元素,而包含选择器可以选择指定元素的所有后代元素,子选择器使用>号,后代选择器使用空格,视需要使用。

通用选择器是功能最强大的选择器,使用一个*指定,简单来说就是全选……

最有意思的是伪类选择符,可以给html中不存在的标签设置状态,如鼠标滑过时显示特定格式等,比较常用的是在a标签后加上:hover,虽然理论上可以放在任意标签上但似乎兼容性没有a标签那么好,现在用的多的也是a:hover的组合。

分组选择符就是合并选择器,太无聊不写了。

各位下周再见。

CSS3知识点总结

CSS3知识点总结
  • liujie19901217
  • liujie19901217
  • 2016年05月13日 22:20
  • 2330

史上最全的HTML、CSS知识点总结,浅显易懂。

Javaweb、HTML+css知识点总结,浅显易懂,你把这些看完了,HTML和css知识点你也就会了。...
  • qiushi_1990
  • qiushi_1990
  • 2014年10月19日 10:00
  • 9637

软件工程期末复习总结

软件工程
  • hoho_12
  • hoho_12
  • 2016年07月03日 15:22
  • 1843

期末复习总结

本学期马上就要结束了,与贺利坚老师玩了一个学期的反转课堂,感受颇深,首先感谢老师的辛勤付出,在这说一声谢谢老师。通过反转课堂学习我是第一次听说,也是第一次实践,在前几个周的时候,并不是太适应,看视频有...
  • ydl197791
  • ydl197791
  • 2016年01月03日 10:22
  • 379

超全面 struts2 复习总结笔记

前言What ? 最近怎么开始写后端的博客了? 从去年开始就经常看到别人提“移动开发寒冬”,而年初投简历的时候更是亲身体会,不写3年经验连面试机会都没有,那么没有经验或经验少的人能怎么办呢,从一开就...
  • qq_35064774
  • qq_35064774
  • 2017年03月22日 21:02
  • 1353

mysql复习小结一

一点扩展: 在2008年1月16号MySQL被Sun公司收购。MySQL的创始人Michael “Monty” Widenius也弄出MariaDB(MariaDB数据库管理系统是MySQL的一...
  • u012749168
  • u012749168
  • 2016年10月21日 16:19
  • 198

JavaSE复习总结(一)

JavaSE复习总结(一) 基础常识 1.JVM,JRE,JDK JRE = JVM + 相关类库 JDK = JRE + 工具  2.下载安装jdk,设置path环境变量 3.第一个jav...
  • wangligong
  • wangligong
  • 2016年07月24日 00:19
  • 1200

Linux期末复习重点(知识点)

1、硬件交互层: 该层处于Linux结构底层,为内核层提供基础。主要由管理外围设备的软件组成,这些外围设备包括终端控制器和存储设备控制器等; 内核层: 该层为Linux系统的核心,主要包括进程管...
  • hpf247
  • hpf247
  • 2017年12月16日 09:56
  • 180

汇编知识复习总结——基础知识

突然就想着写点汇编的东西,可能是C++系列写累了,想换个口味吧。我们汇编目前只是在学习阶段,应该这个学期能学完。我在想我就应该边学变总结,所以接下来的所有的汇编的文章都是自己的总结跟笔记,用于考试月复...
  • redRnt
  • redRnt
  • 2017年04月16日 23:51
  • 411

JavaSE的复习内容总结

一 java基础1 1.数据类型:基本数据类型和复合(引用)数据类型 它们分别占用的空间大小和默认值是多少? 2.类型转换 低优先级->高优先级转换  自动转   高优先级的转低优先级...
  • OutRoading
  • OutRoading
  • 2016年05月18日 16:26
  • 566
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS复习总结(2)
举报原因:
原因补充:

(最多只允许输入30个字)