首页 > Web开发 > 详细

HTML的学习,与关于CSS的了解

时间:2019-03-09 14:13:25      阅读:153      评论:0      收藏:0      [点我收藏+]

一、万维网联盟的认识

  全称是 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
   页面或某个区域的脚注
 其实还有很多书写格式分不清,不会引用。

 

HTML的学习,与关于CSS的了解

原文:https://www.cnblogs.com/xyyc/p/10500393.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!