总结了一些HTML、CSS的一些简单特性，纯属个人笔记，非文章前言个人总结了一些容易忘记的HTML、CSS特性，以备查漏补缺，读者朋友们有兴趣的可以看看，也当查漏补缺，但我已在标题中声明，此篇纯属个人笔记，非文章！HTMLtarget属性 target = "_self" (默认在当前页面打开链接) target = "_blank" (在新的浏览器窗口打开链接) 复制代码lable在html中，lable标签通常和input标签一起使用，label标签为input元素定义标注（标记）...
form表单必须有数据名和值 input里的type/name/value/checkbox/radio <select name="province"> <option >北京</option> <option >天津</option> <option >京都</option> </select> <br> <button type="submit" >提交</button> <br> </form> 结构样式行为相分离css 行间样式,页面级引入,外部引入 256进制 原文：https://www.cn...
网页概述优点不需要安装无需更新跨平台使用的语言HTML、CSS、JavaScript网页简史历史蒂姆·伯纳斯-李爵士万维网发明人从1990年代初的基本文本编辑的网页开始，1990年代中期的在线网页建设，到上世纪90年代末崛起的flash，再到后来的CSS和Javasvript的崛起，直到现在web 2.0时代鼎盛时期，网页设计经历了多次变革。浏览器和网页浏览器将编写的网页源代码渲染成我们想要的样子浏览器问题：存在很多不同的浏览器万维网的初期，网页编写...
效果:650) this.width=650;" src="/upload/getfiles/default/2022/11/9/20221109023430742.jpg" title="QQ截图20160722141632.png" /><!DOCTYPE html><html><head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">*{margin: 0px;padding: 0px}.nav{background-color: #eee;width: 600px;height: 40px;margin: 0 auto;}.nav-ul{list-style: none;}.nav-ul li{float: ...
知识点： 1.在页面上对齐文本的方法 2.三种HTML列表的使用方法 3.在列表中放置列表的方法5.1 在页面上对齐文本： 父元素内子元素文本的居中：在控制父元素的text-align:center 子元素相对于父元素的居中：在控制子元素的margin:0 auto; PS：div指的是division(分组)。5.2 三种HTML列表： <ol>...<li>：有序列表，整列表有缩进，每个列表项前有数字或者字母 <ul>...<li>：无序列表，与有序列表不一样的是列...
Html&Css07：背景html==>结构css ==>表现js ==>行为1、背景颜色&背景图片&重复方式&位置<style>.box1{width: 500px;height: 500px;/* background-color 设置背景颜色*/background-color: #bfa;/* background-image 设置背景图片 - 可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色- 如果背景的图片小于元素，则背景图片会自动在元素中平铺将元素铺满- 如果背景的图片大于元素，将会一个部分背景无法完全显...
HTML <font> 标签定义和用法<font> 规定文本的字体、字体尺寸、字体颜色。实例规定文本字体、大小和颜色：1<font size="3" color="red">This is some text!</font>2<font size="2" color="blue">This is some text!</font>3<font face="verdana" color="green">This is some text!</font>HTML 与 XHTML 之间的差异在 HTML 4.01 中，font 元素不被赞成使用。在 XHTML 1.0 Strict DTD 中，font 元素不被支持。原文：http://www.cnblo...
Q：HTML5是什么？为什么要用HTML5？有什么新特性？移除了哪些元素？HTML5是HTML的最新版本，2014年10月由万维网联盟（W3C）完成标准制定。目标是替换1999年制定的HTML4.01和XHTML1.0标准，以期望能在互联网应用迅速发展的时候，使网络标准达到匹配当代的网络需求。HTML5指的是包括HTML，CSS和Javascript在内的一套技术组合。它希望能够减少网页浏览器对基于插件的网络应用服务（Plug-in-Based Rich Internet Application,RIA），例...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title></title><style type="text/css">ul{list-style: none;}a{text-decoration: none;}.fist_menu{text-align: center;}.fist_menu > li{float: left;width: 100px;height: 20px;border: 1px solid silver;background-color: Yellow;cursor: poi...
1、div和span的认识 通常称为"盒子" div是大的范围，span是小的范围 div:division，范围、区域、分割，并没有什么特殊语义，经常用来布局。 div里经常放置一些具有某些特殊功能、相似类型的标签，这就是布局过程。 div是一个典型的容器级标签，可放置任何的标签。 span:小区域、小跨度、常用于小范围调整布局。 span在p标签内:一般认为p>span>p 2、简单的div+css布局 最开始使用表格布局，结构和样式不分离。 div+css:结构和样式分...
效果展示Demo代码HTML<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" href="style.css"><title>Document</title> </head> <body><section><span></span></section> </body> </html> CSShtml,body{margin: 0;height: 100%; } body{display: flex;justify-con...
JsFormat：这里下载这插件包 https://github.com/sprinng/JsFormat ，点油下角的zip就能下载插件包放到sublime安装目录的Data\Packages目录中重新打开sublime就能使用js格式化插件使用方法：1、快捷键：ctrl+alt+f2、先用快捷键打开命令面板 “ctrl + shift + p”, 再输入 “Format: Javascript” 就可以使用格式化命令 html-css-js prettify：1、快捷键：ctrl+shift+P2、输入install package，选择install package3、输入html-css...
【面试 · 回看】?HTML&CSS面试高频考点（一）?HTML&CSS面试高频考点（二）?HTML&CSS面试高频考点（三）16. CSS动画@keyframes规则用于创建动画为兼容有的浏览器，需要加上前缀：@keyframes myfirst { from {background: red;} to {background: yellow;} }@-moz-keyframes myfirst /* Firefox */ { from {background: red;} to {background: yellow;} }@-webkit-keyframes myfirst /* Safari 和 Chrome */ { from {background: red;...
引言帮一个朋友弄前端布局，一切都正常，但是嵌入object之后，div总是在object的下面，就上网找了一下解决方案，这里记录一下，好像只对flash有效。用embed插入一个flash（比如优酷的视频），结果总是能把其它元素盖住。把其它元素的z-index改成巨大都没用。现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什么意义，为什么可以解决这个问题呢？...
输入框默认值设置<!--单行与多行输入框默认值--><input value="xxx"/><textarea>123</textarea>下拉框默认值设置<!--select下拉框默认选择设置--><select><option>上海</option><option selected="selected">广州</option><option>台北</option></select>单选框默认值设置<!--单选框默认选择--> 男<input type="radio" name="g1"/> 女<input type="radio" name="g1" checked="checked"/>复选框默认值设置<!--复选框默认选择--><inp...