DAY08伪类选择器和垂直对齐 一、动态伪类选择器:link  设置链接未点击时的状态  注意点:需要清除浏览器缓存 ,主要给a标签 :visted  设置访问过后的样式     主要给a:hover   鼠标悬停时的状态:active   点击过后的状态注:如果都给a需要注意顺
转载 2023-07-21 15:51:55
107阅读
HTML5CSS3基础教程(第8版)》 读书笔记2020/04/07第19章 添加JavaScript前端JS脚本引用类型: 外部脚本、嵌入式脚本、内联脚本(如在元素的事件属性上直接制定js片段等)。要避免使用内联脚本,正如内联样式一样,它将html和js脚本纠缠在一起,这与将他们分开的最佳实践不符。脚本和性能的最佳实践: (p376 - 377)阻塞行为: 在处理脚本的过程中,浏览器既不会瞎
文章目录第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
75阅读
HTML 定义网页的内容,CSS 定义网页的表现,JavaScript 则定义特殊的行为。建立网站不可能脱离 HTML(如果要让网站看起来很吸引人,则离不开 CSS),但 JavaScript并不是必需的。在大多数情况下,JavaScript的特性都是用于增强访问者体验的——它们在由 HTMLCSS 构建的核心体验的基础上进行增强。
转载 2022-07-27 22:38:57
79阅读
第六章 链接1、创建指向另一网页的链接:<a href=”http://www.site.com/directory/page.html ” rel=”external”>Lable text</a>2、HTML块级链接:HTML5几乎允许在链接内包含任何类型的元素或元素组,例如段落、列表、区块,但是其他链接、音频、视频、表
6 链接6.1 创建指向另一个网站的链接链接有两个只要的部分:目标和标签使用目标(destination)可以指定访问者点击链接的时候会发什么什么。标签:是用户可以在浏览器上看到的部分,点击标签就可以激活标签达到链接的目标A元素是关键!创建一个指向另一个网站的链接<a href=”#”>链接标签</a><a> 标签的&nb
第八章 操作样式表前言8.1.创建外部样式表8.2.链接到外部样式表8.3.创建嵌入样式表8.4.应用内联样式8.5.样式的层叠和顺序8.6.使用与媒体相关的样式表8.7.借鉴他人的灵感 前言在开始定义样式表之前,要知道如何创建和使用包含这些样式表的文件。在本章中,你将学习如何创建样式表文件,如何将 CSS应用到多个网页(包括整个网站)、单个页面或单独的 HTML 元素。我们会通过三种方法实现这
转载 2023-08-18 13:58:51
45阅读
文章目录第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
85阅读
一.HTML51.语义标签与新增表单控件标签更加语义化headerfooterarticle等还增加了许多表单控件记得有:进度条,颜色选择,日期等2.音频,视频标签关键字:audiovideo他们会监听许多事件且返回播放的进度数据等事件:播放,暂停,停止,跳转数据:加载进度,播放进度,总长度等注:浏览器不同,支持的音频和视频格式不同可以在标签source里指定多个格式的文件以便支持更多的浏览器具体
转载 2023-09-04 22:34:41
52阅读
 外边距典型应用:        可以让块级盒子水平居中,盒子必须指定宽度(width),盒子左右的外边距必须设置为auto。    margin-left:auto; margin-right:auto; margin:auto;
转载 2023-05-22 16:38:45
80阅读
一、HTML5HTML的区别1、文档声明区别HTML文档的类型声明为:HTML5文档的类型声明为:HTML5.0:文档声明HTML5方便书写,精简,有利于程序员快速的阅读和开发。2、结构语义区别html:没有体现结构语义化的标签,如:<div id="nav"></div>html5:添加了许多具有语义化的标签,如:<article>、<aside&gt
转载 2023-07-27 21:34:15
223阅读
HTML5+CSS3从入门到精通视频教程通过基础知识+中小实例+综合案例的方式,讲述了用HTML5+ CSS3设计构建网站的必备知识,相对于权威指南、高级程序设计、开发指南同类图书,是适合快速入手的自学教程。内容有:创建HTML5文档,实战HTML5表单,实战HTML5绘画,HTML5音频与视频,Web存储,离线应用,Workers多线程处理,Geolocation地理位置等技术。CSS3部分主要
2.2 类选择器 使用标签选择器修饰的范围比较广,如果希望设置个别<li>元素的样式和其他<li>元素不同,则可以采用类选择器, 使用类选择器分以下两步(1)定义类样式。语法如下:语法 style type="text/css"> 类名{ 属性1:属性值1; 属性2:属性值2: ...... } </style&g
html5css3是前端学习的重要组成部分,但很多同学在学习前端的时候,对html5css3不是很了解。下面本篇文章就来给大家简单介绍一下html5css3,希望对大家有所帮助。什么是HTML5HTML5是超文本标记语言(HTML)的修订版,第五次重大修改版本;而HTML是用于描述网页内容和外观的标准编程语言。HTML5支持传统的HTML和XHTML样式语法以及其标记,新API,XHTML
1)Html5详解。 2)CSS3选择器详解。 3CSS3属性详解(图文教程)。 4)CSS预处理器之Less详解。什么是 HTML5HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言。HTML5定义了一系列新元素,如新语义标签、智能表单、多媒体标签等,可以帮助开发者创建富互联网应用,还提供了一
转载 2023-07-21 17:08:34
7阅读
HTML5CSS3基础教程(第8版)》 第11章读书笔记2020/03/13元素要按照一定的顺序放置, 确保在不使用CSS的情况下也是合理的。旧版浏览器(IE9-)之前使用H5: (p206 - 207)大多数浏览器默认将他们无法识别的元素作为行内元素处理。使用CDN或本地静态资源的方法,在IE9-添加HTML5 shiv。<head> <!--[if lt IE 9
文章目录一. 基础认知二. 基础选择器三. 文字基本样式四. 选择器进阶五. 背景相关标签和属性六. 元素显示模式**七. CSS特性八. 盒子模型基本知识九. CSS浮动十、动画效果 一. 基础认知1.1 CSS引入方式 1.1.1 内嵌式:CSS写在style标签中提示:style标签虽然可以写在页面任意位置,但是通常约定写在head标签中 1.1.2 外联式:CSS写在一个单独的.CSS
转载 2023-07-13 21:52:55
62阅读
文/李晶随着互联网产业的爆炸式增长,与之伴生的Web前端技术也在历经洗礼和蜕变。尤其是近几年随着移动终端的发展,越来越多的人开始投身或转行至新领域,这更为当今的IT产业注入了新的活力。尽管Web前端技术诞生至今时日并不长,但随着Web技术的逐渐深入,今后将会在以下几方面发力。1. Web移动终端开发。2. JavaScript的兄弟们。3. 百花齐放的类库和框架。4. 工程化的Web前端开发规范。
目录1.基础知识点编辑2.列表3.target属性4.超链接占位符编辑5.图片标签编辑6.内联框架7.音视频播放编辑8.css外部样式表导入css:10.选择器11.选择器的权重12.颜色单位:13.文档流14.盒子模型:15.重置样式表:16.盒子大小 17.轮廓阴影和圆角18.浮动  半脱离文档流19.简单布局20.高度塌陷和BFC21.clearfix解决高度塌陷和外边距
转载 2023-09-19 21:20:00
96阅读
CSS:层叠样式表(Cascading style sheets)可以用来为网页创建样式表,通过样式表可以对网页进行装饰。网页实际上是多层的。1、可以把css样式编写到元素(标签)的style属性当中,不同属性值之间用分号隔开,最后用分号结束。font-size的单位为px像素,特别注意引号的位置,只需要加一个,把所有的键值对括起来。<p style="color:red"> 这是一段
  • 1
  • 2
  • 3
  • 4
  • 5