摘要: [目录] 一、HTML5简介 二、DOCTYPE声明 三、HTML5新增标签 四、HTML5删除标签 一、HTML5简介 HTML5 ≈ HTML + CSS + JavaScript + API 二、DOCTYPE声明 1HTML<!DOCTYPE>标签 定义和用法:<!DOCTYPE>声明必须是 阅读全文
posted @ 2020-10-18 09:46 『yyh』 阅读(58) 评论(0) 推荐(0)
摘要: 网页布局基础 基础介绍 以最适合浏览的方式将图片和文字排放在页面的不同位置 布局模式有多种,不同的制作者会有不同的布局设计 经典的行布局 一.经典的行布局-1 基础的行布局 行布局自适应 行布局自适应限制最大宽 行布局垂直水平居中 <!DOCTYPE html> <html lang="en"> < 阅读全文
posted @ 2020-08-07 14:49 『yyh』 阅读(182) 评论(0) 推荐(0)
摘要: float浮动 CSS定位机制:普通流(标准流),浮动,绝对定位 普通流(标准流) :默认状态,元素自动从左往右从上往下的排列。 CSS Float (浮动)的基础知识 会使元素向左或向右移动,只能左右,不能上下。 浮动元素碰到包含框或另一个浮动框, 浮动停止。 浮动元素之后的元素将围绕它,之前的不 阅读全文
posted @ 2020-08-03 13:45 『yyh』 阅读(231) 评论(0) 推荐(0)
摘要: 盒子模型 样式继承关系样式属性 继承 说明 width 不继承 对于样式属性,通过设置值 height 块级元素、替换元素 为inherit ,指定从父元素 继承相对属性值。padding 不继承 margin 不继承 例: div{padding:10px;} div p{padding:inhe 阅读全文
posted @ 2020-07-29 14:08 『yyh』 阅读(156) 评论(0) 推荐(0)
摘要: 什么是CSS- CSS层叠样式表(Cascading Style Sheets)-用于定义HTML内容在浏览器内的显示样式 css样式规则 css规则由两部分构成:选择器,声明 1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现 阅读全文
posted @ 2020-07-27 14:36 『yyh』 阅读(176) 评论(0) 推荐(0)
摘要: 搭建网页结构 <div>和<span> ●<div>标签:是一个区块容器标记, <div> </div>之间是一个容器, 可以包含段落、表格、图片等各种HTML元素。 ●<span>标签:为了应用样式,没有实际意义。 -块级标签:占据一-行,换行 如:<div>、<ul>、 <ol>、 <li>、 阅读全文
posted @ 2020-07-24 14:08 『yyh』 阅读(120) 评论(0) 推荐(0)
摘要: HTML表单 语法: <form> 表单元素 </form> Form标签中,以下标签实现表单元素添加:标签 描述 <input> 表单输入标签 <select> 菜单和列表标签 <option> 菜单和列表项目标签 <textarea> 文字域标签 <optgroup> 菜单和列表项目分组标签 < 阅读全文
posted @ 2020-07-23 12:54 『yyh』 阅读(214) 评论(0) 推荐(0)
摘要: html表格 <table>表格 <tr>行 <td>单元格 基本语法与结构<table> <!-表格开始--> <tr> <!- tr行标签--> <td >...... </td> <!- td单元格--> </tr>....... <tr> <td>......</td> </tr></tab 阅读全文
posted @ 2020-07-22 12:09 『yyh』 阅读(212) 评论(0) 推荐(0)
摘要: 什么是HTMLHTML ( Hypertext Markup Language )即超文本标记语言如: < !DOCTYPE HTML><html>< head><meta http- equiv= "Content-Type" content="text/html; charset=utf-8"> 阅读全文
posted @ 2020-07-21 13:05 『yyh』 阅读(292) 评论(0) 推荐(0)