HTML

在HTML页面中一些特殊符号是不能直接使用,需要使用实体来代替这些特殊符号,
实体也可以称为转义字符,
实体的语法:&实体名;
常用的实体:

空格: 
 <  : &lt;
 >  :&gt;
版权符号:&copy;

内部样式表: 将样式表编写到head中的style标签中,例如:< style type=“text/css” >
p{
color:red;
background-color:yellow;
}
< /style >
使用内部样式表,进一步将表现和结构分离,可以同时为多个元素设置样式,方便后期的维护
**声明块:**声明块中实际上就是一个一个CSS声明,例如:color:red; 和font-size:20px;
选择器
通过选择器可以选中页面中的一组元素,然后为其设置样式,一共有8种选择器。

  • 元素选择器
    根据标签名,选中页面中的指定元素。语法:标签名{ },例子:div{}、p{}、h1{}。
  • id选择器
    根据元素的id属性值选中一个唯一的元素,语法:#id {},例子:#box1{}、#hello{}
  • 类选择器
    根据元素的class属性值,选中一组元素,语法:.class{},例子:.hello{}、.box{}
  • 通配选择器
    选中页面中的所有元素,语法:*{},通配选择器的性能比较差,尽量避免使用
  • 并集选择器
    可以同时选中符合多个选择器的元素,语法:选择器1,选择器2,选择器N{},例子:div,p,#box,.hello{}
  • 交集选择器
    可以选中满足多个条件的元素,语法:选择器1选择器2选择器N{},例子:p.hello{}
  • 后代元素选择器
    选中指定元素的指定后代元素,语法:祖先元素 后代元素{},例子:div span {}、div p{}
  • 子元素选择器
    选中指定元素的指定子元素,语法:父元素 > 子元素 {},例子:div > span {}、div > p{}

类选择器:class
class和id差不多,但是class可以重复,id不可重复,class比id功能强大,id只能写一个,class可以写多个,例如: < p class=" p2 hello " >aa< /p > ,那么通过p2 和hello 都可以选定到这个元素。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值