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的组合。

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

各位下周再见。

相关文章推荐

2016.11.8 css(复习2)

通过将 display 属性设置为 block,可以让行内元素(比如 元素)表现得像块级元素一样。还可以通过把 display 设置为 none,让生成的元素根本没有框。这样的话,该框及其所有内容就...

CSS2/3选择器详细总结

CSS2/3选择器详细总结 CSS选择器笔记 阮一峰 整理 参考网址:456 Berea Street 一、基本选择器 序号 选择器 ...

sublime 经验总结 主题有 less2css

1. 安装插件 https://sublime.wbond.net/installation#Simple 2.
  • c_cyoxi
  • c_cyoxi
  • 2014年07月05日 00:32
  • 6655

基础html和css样式总结part2

无序列表: 默认显示 li 前面自带一个圆点 信息 信息 有序列表:前后有序,有顺序标号 信息 信息 逻辑包围板块 …表格: table当表格内容非常多时,表格会下载一点显示一点,但...

CSS3主要知识点复习总结+HTML5新增标签

分享2014-4-1 HTML5上课笔记 2、CSS3属性(内核前缀) Mozilla 内核   css前缀-moz;  WebKit  内核   css前缀-webkit ;(...

CSS复习总结(3)

这周开始学习CSS的继承、层叠和特殊性。 CSS的某些样式是具有继承性的,继承性就是一个样式不仅应用于某个特定的html元素,还应用于其后代。比如color,设定的颜色以后段落里的标签也会变成相同的...
  • youkooo
  • youkooo
  • 2015年11月26日 21:04
  • 169

CSS复习总结(6)

本周学习了CSS样式设置的一些小技巧,在此继续总结。 居中:文字、图片等的居中是通过给父元素设置text-align:center来达到的,比如给块级元素div加上这一行就可以实现让块中元素居中的效...
  • youkooo
  • youkooo
  • 2015年12月19日 13:48
  • 164

项目复习期总结3:CSS引入方式,注释,命名规范,背景,行高,文本属性

目录: 1、CSS注释的书写 怎么写?好处? 2、CSS引入方式  各种的优缺点 3、选择器的写法与选择器的优先级 4、CSS命名规范 5、背景,行高 6、文本(text与font开头)等所有属性...

CSS复习总结(4)

本周学到CSS盒模型,设置CSS块级元素的时候可以将最外边界看做一个盒子,而我们设置的边界(border)则可以看做盒中的内容物,盒子到边界之间的距离是margin,边界之内的距离是padding,即...
  • youkooo
  • youkooo
  • 2015年12月05日 10:41
  • 216

复习和总结H5 CSS3常见的知识点

常用标签       块级元素         div form table ul li ol dl dt dd h1-6 p header footer    nav figure    ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS复习总结(2)
举报原因:
原因补充:

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