一、html基本标签1.基础标签： 标题标签：h1--h6 容器标签：div 行标签：span 跳转标签：a href target（self\blank） 图片标签：img --元素 src,alt 段落标签：p 分段标签：br 分割标签：hr2.html列表标签： 去掉独占行：style=‘list-style:none;‘ ol:有序列表 type ul：无序列表 type dl:图文列表 dt:标题 dd:放内容3.块标签：div 、p、dl 、ol 、ul4.行内标...
<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML5 css图片自动缩放</title> <style type="text/css"> .cont{ margin:0 auto; width:600px;} .cont img{max-width: 100%!important; height: auto!important;...
前言：该篇说明：请见 说明 —— 浏览器工作原理与实践 目录 在上一篇文章中我们介绍了导航相关的流程，那导航被提交后又会怎么样呢？就进入了渲染阶段。这个阶段很重要，了解其相关流程能让你 “看透” 页面是如何工作的，有了这些知识，你可以解决一系列相关的问题，比如能熟练使用开发者工具，因为能够理解开发者工具里面大部分项目的含义，能优化页面卡顿问题，使用 JavaScript 优化动画流程，通过优化样式表来防止强制同步...
一、Html和CSS的关系 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这...
//JerryWeb//20150602//HTML | CSS | Basic ======= HTML&CSS_Basic_01======= #html要保持语义化，即使没有css也要保持漂亮而且一目了然的结构。 em,strong 表强调 | span没有语义，设置单独的样式 | q引用 | blockquote 长文引用 | br / | address 地址 | pre 多行原文显示 table tbody tr 行 td 列 th 表头 | img alt:下载失败文本 title:提示文本 #form 表单，method:post|put 完成和后端的交互 一般form标签下有...
一、Web让广播明星黯然失色 要建立Web页面，需要创建用超文本标记语言（HyperText Markup Language，HTML）编写的文件，把它们放在一个Web服务器上二、Web服务器能做什么？Web服务器在互联网上有一份全天候的工作。 服务器就是连接到互联网的计算机。 每个服务器会存储HTML文件、图像、声音和其他类型的文件。 你在网上冲浪，单击一个链接来访问某个页面。这个单击会导致浏览器向Web服务器请求一个HTML页面三、...
html设置网页的结构内容，css设置样式，要记的标签很多，要学好无非是多练，然后看别人怎样写的代码，对比自己的，这样能更好地理解。 关于浮动，既然所有浮动必须要清除，那在设置浮动的同时，就先把清除浮动的代码写上，免得后面忘记清除浮动。设置父元素的高度height，div中最后的div元素设置clear{clear：both}，ul中在ul属性上设置overflow{overflow：hidden}是三种有效的方法 padding与margin对块元素及行内元素均适用...
哪四種？這裏簡單進行下總結①寫在 style 標籤中<style type="text/css">這裏是css代碼... </style> ②外部引入css文件<link rel="stylesheet" href="這裏是外部css引入地址(比如：test.css)"/> ③直接用行內css屬性控制<div style="這裏是css屬性值(如：border:1px solid red;background:blue;)">這裏是內容 </div> ④這種其實是合併2個css文件 a.css文件和b.css文件在同個目錄下的同一級 在a.css文件開始導入b.css...
htmlpretty插件经过安装后测试，效果很棒，安装过程简要说明如下：在Sublime Text中，按下Ctrl+Shift+P调出命令面板;输入install 调出 Install Package 选项并回车;输入pretty，并在列表中选择HTML-CSS-JS Prettify后回车即可安装快捷使用方法：举例：打开一个压缩的jquery.min.js文件，按下Ctrl+Shift+H 原文：http://www.cnblogs.com/zhja/p/5144509.html
有时需要在页面显示三角形，需要通过画正方形才能得到三角形，代码如下：方法一：首先需要设置边框的大小与颜色，设置边框的上右下左分别你需要哪块显示在前端即后面跟数据，如果不需要显示的话就写transparent；<style> .tr1{ width: 0; height: 0; border: 100px solid transparent; border-top-color: black; border-bottom: none; ...
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>无标题文档</title><style type="text/css"> *{ margin:0px; padding:0px;}#menu{ background-color:#eee; width:600px; height:40px; margin:0 auto;}ul{ list-style...
方法一 ：使用弹性布局 方法二 ：CSS3 transform 属性父级元素定位子集元素加属性：position: absolute; top: 50%; transform: translateY(-50%);方法三： 使用伪元素和vertical-align: middle;.parent:after {content: ‘ ‘;height: 100%;vertical-align: middle;width: 0;}child {display: inline-block;vertical-align: middle;} 原文：https://www.cnblogs.com/SallyShan/p/11588386.html
一、HTML<meta>标签使用该标签描述网页的具体摘要信息，包括文档内容类型，字符编码信息，搜索关键字，网站提供的功能和服务的详细描述等。<meta>标签描述的内容并不显示，其目的是方便浏览器解析或利于搜索引擎搜索，它采用“名称/值”对的方式描述摘要信息。1）文档内容类型，字符编码信息<meta http-equiv="Content-Type content="text/html; charset=gb2312"/> >名称：Content-Type(文档内容类型) >值：text/html; cha...
初学前端开发，记录下自己的学习笔记。第一章 认识HTML1:关于HTML HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。 它只会根据标记来确定在哪里换行或者分段。所以浏览器会忽略HTML文档中的制表符、回车和空格。 共有六级标题，从<h1>到<h6>，字体由大到小。 HTML注释放在<!--和-->之间，浏览器会把它们完全忽略，可以有多行。 <em>元素表示强调。 <head>的HTML页面的头部，它包...
1.css的语法1.1位置 <head> <style type="text/css" //css代码 </style> </head> 1.2语法 选择器{属性值1：属性值1； 属性值2：属性值2； }例： h1{ font:size:12px; --字体大小 color：red； --字体颜色注意：多个属性用分号分隔2.选择器2.1标签选择器语法： ...