一、万维网联盟的认识
全称是 World Wide Web Consortium ,又称W3C
万维网联盟创建于1994年,是目前Web技术领域最具有权威和影响力的技术标准机构,已经发布了200多项影响深远的Web技术标准及实施指南。根据W3C定义了HTML 框架, CSS 样式, JS 互交等
HTML全称是Hyper Text Markup Language,用于定义文档内容结构,描述代码功能,内容结构靠元素组织到页面中,该语言通常会被浏览器解析执行。HTML 分两种,一种是HTML注释,另一种是HTML元素。HTML注释主要用于描述代码功能,书写方式是<!--注释内容-->,然而元素是文档的重要组成部分,HTML元素格式是<a href="#">立即加入</a>,标记名,属性,元素,内容决定一个元素的显示内容和行为。
空元素的分别三种img mate link ,它们叫空标记,又叫自闭元素,书写方式 <标记名 属性> <标记名 属性/>。
head元素
在标签显示,又叫做文档头,可以包含其他元素,描述页面的附件信息,head元素中的内容不会显示到页面上。
包含以下元素:
<title>标识文档标题,会显示在浏览器的标题栏或者标签页上。
mate空元素标识其他元素的数据,页面相关的附件信息,指示浏览器使用字符编码集UTF-8解析页面。
body元素又叫文档体,定义文档的内容结构
路径
服务器通过一个地址进行的访问页面,路径分为绝对路径和相对路径,访问站外资源可以用绝对路径,站内资源已部署到服务器可以使用绝对路径,相对路径只用于站内资源。
二、CSS的引用
css使外部样式表,内部样式表,行内样式表。
<link rel="stylesheet"href="main.css">
外部样式实现内容结构和表现形式的代码分离,方便多个网页引用同一个css文件,维护和方便修改,有利于程序员和外部样式表搜索引擎阅读。
内部样式
没有样式表可以提升效率,多个页面难以共享,不利代码复用
行内样式
css代码写在元素style属性中,不写选择器。
超链接
<a>元素书写格式 <a href="目标">内容</a>
CSS注释
书写格式 /*注释内容*
CSS规则
CSS代码由一个一个规则组成
对元素应用的样式
h1 {color:red;text-align:center;}
基础选择器
元素选择器
书写格式 标记名{/*声明块*/}
所有与该标记名匹配的元素,都将应用声明块规则
类选择器
书写格式 .类名{/*声明块*/}
class属性为指定类名的元素,都将应用声明块中的规则
两个类选择器书写格式 <p class="bigfont redcloor"
ID选择器
书写格式 #id值{/*声明块*/}
属性ID为指定值的元素,将应用声明块中的规则,同一个文档中元素ID值必须唯一,不同页面可以重复,同页面不可以重复
语义结构元素
header
用于表示页面或某个区域头部
nav
导航栏
article
表示文章或其他可独立页面存在的内容
section
文本一部分主题
aside
跟主题相关的附加信息
footer
页面或某个区域的脚注
其实还有很多书写格式分不清,不会引用。
原文:https://www.cnblogs.com/xyyc/p/10500393.html