HTML5CSS3基础教程(第8版)》 读书笔记2020/04/07第19章 添加JavaScript前端JS脚本引用类型: 外部脚本、嵌入式脚本、内联脚本(如在元素的事件属性上直接制定js片段等)。要避免使用内联脚本,正如内联样式一样,它将htmljs脚本纠缠在一起,这与将他们分开的最佳实践不符。脚本和性能的最佳实践: (p376 - 377)阻塞行为: 在处理脚本的过程中,浏览器既不会瞎
转载 2024-01-18 18:59:48
57阅读
第六章 链接1、创建指向另一网页的链接:<a href=”http://www.site.com/directory/page.html ” rel=”external”>Lable text</a>2、HTML块级链接:HTML5几乎允许在链接内包含任何类型的元素或元素组,例如段落、列表、区块,但是其他链接、音频、视频、表
转载 2023-12-06 20:43:37
52阅读
1.带动web的三驾马车html5,css,javascript(js)就是带动web的三架马车,html是web的结构,css是web的样式,而js则是web的行为(即与用户的交互)如果把html比作一棵树的树干的话,那么css就是树上开的花结的果,js就相当于一阵风,只要一吹过,树就会作出相应的反应,就像风小的时候树叶动,风大树干就断了。 2.制作网页需要注意什么?那么我们在制作一个
转载 2023-07-19 20:41:09
85阅读
一、HTML5HTML区别1、文档声明区别HTML文档的类型声明为:HTML5文档的类型声明为:HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。2、结构语义区别html:没有体现结构语义化的标签,如:<div id="nav"></div>html5:添加了许多具有语义化的标签,如:<article>、<aside&gt
转载 2023-07-27 21:34:15
234阅读
HTML 定义网页的内容,CSS 定义网页的表现,JavaScript 则定义特殊的行为。建立网站不可能脱离 HTML(如果要让网站看起来很吸引人,则离不开 CSS),但 JavaScript并不是必需的。在大多数情况下,JavaScript的特性都是用于增强访问者体验的——它们在由 HTMLCSS 构建的核心体验的基础上进行增强。
转载 2022-07-27 22:38:57
83阅读
接下来给大家总结一下前端面试题,大家可以眼熟一下,总结的不是很多,后续还会持续更新。 一.htmlcss面试题 HTMLHTML5有什么区别?主要有三个区别:1、文档声明区别1.HTML:超文本标记语言,一种纯文本类型的语言。2.HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。2、结构语义区别1.html:没有体现结构语义化的标签,如:<div
转载 2024-01-11 20:12:41
73阅读
html5css3是前端学习的重要组成部分,但很多同学在学习前端的时候,对html5css3不是很了解。下面本篇文章就来给大家简单介绍一下html5css3,希望对大家有所帮助。什么是HTML5HTML5是超文本标记语言(HTML)的修订版,第五次重大修改版本;而HTML是用于描述网页内容和外观的标准编程语言。HTML5支持传统的HTML和XHTML样式语法以及其标记,新API,XHTML
HTML5CSS3HTML5新特性HTML5新增语义化标签HTML新增多媒体标签< video >标签< audio >标签HTML5新增input类型HTML5新增表单的属性CSS3新特性CSS3现状CSS3新增选择器属性选择器结构伪类选择器伪元素选择器(重点)CSS3盒子模型CSS3其他特性CCS3过渡(重点)2D变化效果3D变化效果动画3D转换3D移动transl
转载 2023-07-14 21:36:50
118阅读
文章目录第11章 用CSS进行布局11.1 开始布局的注意事项11.2 构建页面11.4 对默认样式进行重置或标准化11.5 盒模型11.6 控制元素的显示类型和可见性11.7 设置元素的高度11.8 在元素周围添加内边距11.9 设置边框11.11 使元素浮动11.12 控制元素浮动的位置11.12 控制元素浮动的位置11.13 对元素进行相对定位11.14 对元素进行绝对定位11.15 在栈
转载 2023-07-10 20:24:28
99阅读
DAY08伪类选择器和垂直对齐 一、动态伪类选择器:link  设置链接未点击时的状态  注意点:需要清除浏览器缓存 ,主要给a标签 :visted  设置访问过后的样式     主要给a:hover   鼠标悬停时的状态:active   点击过后的状态注:如果都给a需要注意顺
转载 2023-07-21 15:51:55
144阅读
1)Html5详解。 2)CSS3选择器详解。 3CSS3属性详解(图文教程)。 4)CSS预处理器之Less详解。什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一
转载 2023-07-21 17:08:34
26阅读
HTMLHTML5区别:其实说白了,就是ES5和ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,这些标签的加入大大增加了代码的可读性,结束了一个div写这个页
转载 2023-07-12 17:38:38
138阅读
 外边距典型应用:        可以让块级盒子水平居中,盒子必须指定宽度(width),盒子左右的外边距必须设置为auto。    margin-left:auto; margin-right:auto; margin:auto;
转载 2023-05-22 16:38:45
89阅读
  如同人类的的进化一样, CSS3CSS2 的“进化”版本,在 CSS2 基础上, 增强 或 新增 了许多特性,  弥补了 CSS2 的众多不足之处,使得 Web 开发变得更为高效和便捷。 Html4-html5  css2- css3 CSS3的现状1 、浏览
# 学习CSS3HTML5的流程与实现 作为一名刚入行的小白,学习如何使用HTML5CSS3构建网页可能会让人感到棘手。然而,只要掌握了基础步骤和方法,你将能轻松实现美观且功能丰富的网页。在本文中,我将为你提供一个学习流程,并指导你通过具体的代码实现基本的网页布局。 ## 学习流程表 | 步骤 | 任务 | 描述
原创 7月前
42阅读
一.了解HTML5第一天的学习了解了什么是HTML5HTML5其实就是HTML4的加强版,只是在HTML4的基础上进行了功能上的强化。目前支持的浏览器有 safari、opera 、firefox 、 chrome、ie,较老的版本不支持。新增标签:    audio和video    写法:<audio control
转载 2024-01-04 06:50:11
118阅读
HTMLHTML5区别:其实说白了,就是ES5和ES6的区别HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护和代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,其中常用的有如下这些,如有不全请谅解,仅供参考: 新增的结构标签: 1、header元素 表示页面中一个内容区块或真个页面的
转载 2023-07-12 17:41:04
69阅读
今天学习了HTML5CSS3这些升级的属性。HTML5HTML区别HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升,HTML5相比于html的声明更为简单,方便记忆,所以HTML5要比HTML更有利于程序员的快速阅读和开发。此外,两者结构语义也有所不同。HTML没有结构语义化的标签,通常以<divid="he
转载 2023-09-20 04:16:02
16阅读
第八章 操作样式表前言8.1.创建外部样式表8.2.链接到外部样式表8.3.创建嵌入样式表8.4.应用内联样式8.5.样式的层叠和顺序8.6.使用与媒体相关的样式表8.7.借鉴他人的灵感 前言在开始定义样式表之前,要知道如何创建和使用包含这些样式表的文件。在本章中,你将学习如何创建样式表文件,如何将 CSS应用到多个网页(包括整个网站)、单个页面或单独的 HTML 元素。我们会通过三种方法实现这
转载 2023-08-18 13:58:51
78阅读
文章目录第3章 基本HTML结构3.1 开始编写网页1.编写HTML5页面开头的步骤1.输入<!DOCTYPE html>,声明页面为HTML5文档2.输入<html lang="language-code">3.输入<head>,开始网页文档的头部4.输入<meta charset="UTF-8" />5.输入<title></
转载 2023-07-10 20:29:13
155阅读
  • 1
  • 2
  • 3
  • 4
  • 5