HTML +CSS笔记详细

文档声明(doctype)

文档声明用来告诉浏览器当前网页的版本

html5的文档声明

<!doctype html>

<!Doctype HTML>

html中的特殊符号

例在网页中编写多个空格会默认为一个空格,这时就需要使用html中的实体(转义字符)

&实体的名字

&nbsp; 空格

&gt; 大于号

&lt;小于号

&copy;版权符号

mate的用法

mate主要用于设置网页中的一些元数据,元数据不是给用户看的

charset 指定网页的字符集

name 指定的数据的名称

content 指定数据的内容

 css  元素选择器

作用:根据标签来选定指定的元素

语法:标签名{}例子:p{}  h1{} div{},它

id选择器

作用:根据元素的id属性值中选一个元素

语法:#id属性值{}

例子:#box{} #red{}

class

是一个标签属性它与id类似,不同的是class可以重复,id指定唯一

有点像班级,通过class来为元素分组.

类选择器

作用:根据元素class属性值选中唯一一组元素

语法: .class属性值

可以为一个元素指定多个class

通配选择器

作用:选中页面中所有的元素

语法* 

复合选择器

交集选择器

 例:将class为red的div字体设置为30px

即是div 又是class值为red的元素

语法:div.red{

}

作用:选中符合多个条件的元素

语法;选择器1选择器2选择器3n{}

注意点选择器中如果有元素选择器必须使用元素选择器

h1,span(是h1标签或者是span标签) 

 并集选择器

作用:同时选择多个选择器对应的元素

语法:选择器1,选择器2,选择器n{}

并集选择器跟交集选择器混合使用

#b1,p1,h1,span,div.red{}

后代元素选择器

属性选择器 

 伪类选择器  一些特殊状态,第一个第二个

倒数第几个

 超链接的伪类

 伪元素

 继承

选择器的优先级 (权重) 

 

 在某个样式后面添加一个!import此时这个样式优先级最高,甚至超过内联样式慎用!!!

像素和百分比

颜色的设置方法

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值