HTML+CSS学习笔记整理

一、标签语义化(重点):

1、可以方便代码的阅读和维护

2、同时让网络爬虫更好的解析从而更好的分析其内容

3、更好的优化引擎

如何做到标签语义化:个人理解是,首先,网页的HTML主要作用在网页的结构上面,W3C规范定义了很多标签,标签都具有它的意义,例如:<p>定义的是一个段落 <h1>~<h6>分别定义了标题的大小;这些一个一个的标签都有它的使用用途,根据相应的定义来使用它,使得我们能够有上图的一些结构方面语义化后带来的网页优势。

 

二、HTML和CSS:

HTML(超文本标记语言)是用于网页的结构,我们每个盒子里面的结构都有相应的标签组织而成,为了方便代码的阅读和维护,标签必须语义化。是网页的结构标准。

CSS(层叠样式表)是用于对网页样式的静态的修饰,是网页的表现标准。

我们通常使用CSS+div进行布局:div没有实际的语义

 

三、绝对路径和相对路径:

绝对路径例如:一个固定的网站:https://i.cnblogs.com/EditPosts.aspx?opt=1 或者 本地固定的文件路径C:\Users\zjf\Desktop\前端

相对路径:分为三个级  1、同级(和HTML文件同属一个文件夹) 2、下一级(在HTML文件的同属文件夹内的文件)  3、上一级 使用“../”(在HTML文件的上一级文件夹当中)

 

四、选择器:普通选择器1、*选择器 2、类选择器 3、id选择器  4、标签选择器

      符合选择器1、后代选择器  2、子代选择器   3、交集选择器“div.nav”  4、并集选择器使用“,”

 

转载于:https://www.cnblogs.com/zjfman/p/11437766.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值