CSS复习总结(2)

接上周,继续复习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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值