写在前面的话:在跟着黑马程序员视频学习的时候,做的一个由简单HTML+CSS知识组成的一个简单网页分享给大家,可以供新手学习。目录网页界面如下HTML相关代码如下CSS相关代码所有资料网盘链接网页界面如下(用到的相关图片是自己胡乱做的,不太好看,大家可以自行更换):HTML相关代码如下<!DOCTYPE html> <html lang="en"> <head&gt
转载 2023-07-22 16:16:28
131阅读
响应式布局1、响应式布局介绍响应式布局可以为不同终端的用户提供更加舒适的界面更好的用户体验,就是一个网页可以在不同设备上显示,比如:电脑、平板、手机等,不同设备都可以兼容显示。这样就不必为每一种终端再去制作相应的网页。2、响应式布局特点有很强的灵活性,不同的终端设备都可以显示。代码冗余多,会加载许多隐藏的元素,加载时间长。3、响应式布局的实现方式媒体查询、流体布局、 弹性布局、第三方框架、Js4
转载 2023-06-27 23:15:19
258阅读
一、html5新标签:HTML5中必须在开头写有<! doctype html>的标签(1) <article>定义 article。(2) <aside>定义页面内容之外的内容。(3) <audio>定义声音内容。<audio>标签的属性: autoplayautoplay如果出现该属性,则音频在
原创 2017-11-15 17:34:55
1233阅读
接下来给大家总结一下前端面试题,大家可以眼熟一下,总结的不是很多,后续还会持续更新。 一.htmlcss面试题 HTMLHTML5有什么区别?主要有三个区别:1、文档声明区别1.HTML:超文本标记语言,一种纯文本类型的语言。2.HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读开发。2、结构语义区别1.html:没有体现结构语义化的标签,如:<div
转载 2024-01-11 20:12:41
73阅读
写在前面的话:在跟着黑马程序员视频学习的时候,做的一个由简单HTML+CSS知识组成的一个简单网页分享给大家,可以供新手学习。目录效果图如下:HTML相关代码如下:CSS相关代码如下:index.css:common.css:base.css:所有资料网盘链接:效果图如下:(用到的相关图片是自己随便找的,不太好看,大家可以自行更换)HTML相关代码如下:index.html:<!DOCTY
转载 2023-07-22 16:16:56
387阅读
DAY01-HTML基础一、理论1.什么是HTML?(Hyper Text Markup Language)a.是HTML的第五个版本b.是一门技术的总称2.HTML5能做什么?网页开发、小程序、公众号、小游戏、移动端开发:混合开发/原生开发、后端相关的:node.js3.项目开发流程:产品经理提出需求(原型图,需求文档prd)→UI设计师(效果图,标注图)→前端开发→后端开发(接口文档)→测试&
转载 2023-11-30 17:47:59
89阅读
一、HTML5HTML的区别1、文档声明区别HTML文档的类型声明为:HTML5文档的类型声明为:HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读开发。2、结构语义区别html:没有体现结构语义化的标签,如:<div id="nav"></div>html5:添加了许多具有语义化的标签,如:<article>、<aside&gt
转载 2023-07-27 21:34:15
234阅读
# HTML5CSS3基础知识介绍 HTML5CSS3是现代网页设计开发的基石。它们为网页提供了结构样式,是前端开发不可或缺的技术。本文将通过简单示例来介绍这两者的基本概念与用法。 ## 什么是HTML5HTML5是超文本标记语言的第五个版本,是构建网页的基础。它引入了许多新的语义元素,为开发者提供了更好的组织结构网站内容的能力。例如,``、``、``等标签使得网页的语义更加丰
原创 10月前
9阅读
关于电商产品展示,无论是从首页还是到栏目页,再到产品的详情页,产品展示效果不仅仅是在电商平台,在很多的企业网站也使用频繁,今天为大家分享一个HTML+CSS小案例项目:小米电商平台的商品展示页面!我们来一起看看吧! 那么我们要开发一个什么样的效果呢?来吧展示!!! 接着下来我们实战开发吧!温馨提示:本期课程是三十个实战案例的第2节,为了更好的学好前端,可以配合艾编程30天计划学
转载 2023-07-21 17:11:38
105阅读
1. 首先要分别建立html,imgcss3的文件夹。  2. htmlcss3的首页放在文件夹外面。还可以建立一个公共css,比如导航页脚可以放在公共css里面,在每个页面加上公共css超链接就可以了。减少代码的编写。3. 文件夹的名称要写成英文形式。也不要写成汉语拼音,html识别不出来汉字。4.class与id的区别:(1)、在CSS文件里书写时
目录1 HTML5 的新特性1.1 HTML5 新增的语义化标签1.2 HTML5 新增的多媒体标签1.3 HTML5 新增的 input 类型1.4 HTML5 新增的表单属性2 CSS3 新特性2.1 属性选择器2.2 结构伪类选择器2.3  伪元素选择器2.4 CSS3 盒子模型2.5 CSS3的其他特性2.6 CSS3 过渡2.7 CSS3 2D转换 transform2.8 C
转载 2023-07-12 17:38:32
147阅读
  如同人类的的进化一样, CSS3CSS2 的“进化”版本,在 CSS2 基础上, 增强 或 新增 了许多特性,  弥补了 CSS2 的众多不足之处,使得 Web 开发变得更为高效便捷。 Html4-html5  css2- css3 CSS3的现状1 、浏览
html5css3是前端学习的重要组成部分,但很多同学在学习前端的时候,对html5css3不是很了解。下面本篇文章就来给大家简单介绍一下html5css3,希望对大家有所帮助。什么是HTML5HTML5是超文本标记语言(HTML)的修订版,第五次重大修改版本;而HTML是用于描述网页内容外观的标准编程语言。HTML5支持传统的HTMLXHTML样式语法以及其标记,新API,XHTML
1.9 在不涉及Web服务器的情况下分发内容在线发布HTML多媒体文件显然是学习HTML创建Web内容的主要原因。不过,在另外一些情况下,其他的发布形式简直是不可行的。例如,你可能希望在商品展示会上分发CD-ROM、DVD-ROM或USB驱动器,其中带有设计为Web内容的市场营销材料——即可以通过Web浏览器查看的超链接的文本,但是不涉及Web服务器。你还可能希望在可移动媒体上包括基于HTML
HTMLHTML5的区别:其实说白了,就是ES5ES6的区别,无非就是换汤不换药,其实这个说法也不太对,是加了一些调料而已,HTML是前端搭建页面的必须品,但是随着人们开发的需求和速度,后期维护代码可读性,各个方面的需求不断增加,会发现HTML里面的一些标签满足不了,所以就更新换代,不断的更具需求整合添加了一部分新的元素标签进来,这些标签的加入大大增加了代码的可读性,结束了一个div写这个页
转载 2023-07-12 17:38:38
138阅读
文章目录第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阅读
第一章 网页的构造前言1.1HTML 思想1.2基本的 HTML 页面1.3标签:元素、属性、值及其他1.4网页的文本内容1.5链接、图像其他非文本内容1.6文件名和文件夹名1.7 URL1.8浏览器对网页的默认显示效果总结 前言尽管现在网页变得越来越复杂,但是其底层结构依然相当简单。创建网页是离不开 HTML 的。一个网页主要包括以下三个部分。文本内容(text content)、对其他文件
转载 2023-07-21 15:23:48
95阅读
HTML +CSSHTML什么是网页什么是HTML网页的形成网页是由网页元素组成,这些元素是利用HTML标签描述出来,然后通过浏览器解析来显示给用户的前端人员开发代码 ---> 浏览器显示代码(解析、渲染) ---> 生成最后的Web页面总结:常用浏览器WEB标准HTML语法规范HTML基本结构标签HTML常用标签标题标签: h1 ~ h6 ,文字大小,粗细,重要性递减段落标签: 换行
  • 1
  • 2
  • 3
  • 4
  • 5