• 当前标签:前端笔记

编写出色CSS代码的13个建议

CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset: *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同,Reset并

2017-10-11 13:37:40 593 6 5
阅读详情

谷歌 HTML/CSS 规范

背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范,旨在提高代码质量和协作效率。 通用样式规范 协议 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分(http:,https:),除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL,好处是无论你是使用 HTTPS 还是 HTTP 访问页面,浏览器都会以相同的协议请求页面中的资源,同时可以节省一部分字节。 <!-- Not recommended --> <script src="https://www.google.com/js/gweb/analytics/au

2017-09-06 22:01:26 871 13 4
阅读详情

HTML 框架

前言: 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。 每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。 框架相关标签: iframe iframe:定义一个内联的iframe iframe语法: <iframe src="URL"></iframe> 该URL指向不同的网页。 height 和 width 属性 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%"). <iframe src="index.htm&qu

2017-06-25 20:32:06 432 0 1
阅读详情

HTML 布局

前言: 网站常常以多列显示内容(就像杂志和报纸)。 HTML 布局 - 使用div元素 <div> 元素常用作布局工具,因为能够轻松地通过 CSS 对其进行定位。 HTML 布局 - 使用table元素 使用 HTML <table> 标签是创建布局的一种简单的方式。 使用 HTML5 的网站布局 HTML5 提供的新语义元素定义了网页的不同部分: HTML5 语义元素 header:定义文档或节的页眉 nav:定义导航链接的容器 section:定义文档中的节 article:定义独立的自包含文章 aside:定义内容之外的内容(比如侧栏) footer:定义文档或节

2017-06-25 20:06:58 705 6 4
阅读详情

html表单详解

表单的元素: 1.单行文本框<input type="text"/>(input 的type 属性的默认值就是"text") 文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。 <input type = “text” name=“名称”/> 以下是单行文本框的主要属性: size:指定文本框的宽度,以字符个数为单位;在大多数浏览器中,文本框的缺省宽度是20个字符。 value:指定文本框的默认值,是在浏览器第一次显示表单或者用户单击<input type="reset"/&gt

2017-06-24 21:41:03 246 0 1
阅读详情

HTML表单

HTML 表单 表单是一个包含表单元素的区域。 通常用于搜集不同类型的用户输入。 表单使用表单标签 <form> 来设置: <form> . <!--表单元素在这里--> . </form> HTML 表单 - 输入元素 表单元素指的是不同类型的 input 元素,比如: 文本域、下拉列表、单选框、复选框、提交按钮等等。 一个简单的 HTML 表单,包含两个文本输入框和一个提交按钮: <form action="form_action.asp" method="get"> First name:

2017-06-24 20:37:14 310 0 1
阅读详情

使用mailto在网页中链接Email地址

<a>标签中mailto的作用是可以链接Email地址, mailto是网页设计制作中的一个非常实用的html标签, 许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址, 这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后, 就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Foxmail等。 但是由于各操作系统和邮件客户端对 mailto 事件连接的处理不一致,所以在实际应用的时候需要注意; 基础语法 <a href=mailto:imoshanghua1314@outlook.com>send&

2017-06-22 14:30:40 335 0 1
阅读详情

CSS样式表如何引用到HTML文件里

使用不同的方法来引用css样式表,最终到达的效果相同,但是使用不同方法应用的css文件将影响到SEO及网页打开速度效率。 html引用css方法如下: 1、直接在div中使用css样式制作div+css网页 2、html中使用style自带式 3、使用link引用外部CSS文件 推荐此方法 接下来我们来逐个讲解html引用css方法的例子 插入样式表的方法有三种: 外部样式表 内部样式表 内联样式 外部样式表 当样式需要应用于很多页面时,外部样式表将是理想的选择。 在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。 每个页面使用 <link> 标签链接到样式表。

2017-06-22 13:03:36 309 0 1
阅读详情
  • 1
  • 2
前往