关闭

CSS复习总结(2)

标签: css
159人阅读 评论(0) 收藏 举报
分类:

接上周,继续复习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的组合。

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

各位下周再见。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:4164次
    • 积分:156
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类