随笔分类 -  html

1 2 下一页
HTML 基础 元素 标签
摘要：h1元素通常被用作主标题，h2元素通常被用作副标题，还有h3、h4、h5、h6元素，它们分别用作不同级别的标题。 用 p 元素代表段落 所有的img元素必须有alt属性，alt属性的文本是当图片无法加载时显示的替代文本，这对于通过屏幕阅读器来浏览网页的用户非常重要。 注意：如果图片是纯装饰性的，用一 阅读全文
posted @ 2020-03-14 13:56 Cutelady 阅读(392) 评论(0) 推荐(0)
HTML 文件路径
摘要：文件路径描述了网站文件夹结构中某个文件的位置。 文件路径会在链接外部文件时被用到： 网页 图像 样式表 JavaScript 绝对文件路径 绝对文件路径是指向一个因特网文件的完整 URL： 实例 <img src="https://www.w3school.com.cn/images/picture 阅读全文
posted @ 2019-12-19 15:46 Cutelady 阅读(576) 评论(0) 推荐(0)
HTML 有序、无序和定义列表
摘要：无序列表 咖啡 茶 牛奶 不同无序列表 不同无序列表 Disc 项目符号列表： 苹果 香蕉 柠檬 桔子 Circle 项目符号列表： 苹果 香蕉 柠檬 桔子 Square 项目符号列表： 苹果 香蕉 柠檬 桔子 有序列表 不同有序列表 数字列表： 字母列表： 小写字母列表： 罗马字母列表： 小写罗马 阅读全文
posted @ 2019-12-19 15:36 Cutelady 阅读(337) 评论(0) 推荐(0)
如何使用样式
摘要：如何使用样式 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表： 外部样式表 当样式需要被应用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，你就可以通过更改一个文件来改变整个站点的外观。 内部样式表 当单个文件需要特别样式时，就可以使用内部样式 阅读全文
posted @ 2019-12-19 13:42 Cutelady 阅读(239) 评论(0) 推荐(0)
HTML空元素
摘要：什么是空元素？ 首先空元素下是没有子级节点和内容的。然后空元素是在开始标签中关闭的，也就是说空元素没有闭合标签的。 在HTML中的空元素有以下几个： <area> <base> <br> <col> <colgroup> <command> <embed> <hr> <img> <input> <k 阅读全文
posted @ 2019-12-19 12:59 Cutelady 阅读(1234) 评论(0) 推荐(0)
word-break、word-wrap、white-space区别
摘要：现在只给了它一个宽度和边框，没有其它任何样式，下面是它目前的展现情况： 可以看到，nbsp;和</br>可以正常发挥作用，而连续的空格会被缩减成一个（比如This和is之间的三个空格变成了一个），换行符也全都无效。句子超过一行后会自动换行，而长度超过一行的单个单词会超出边界。接下来我们看下， 给它上 阅读全文
posted @ 2019-12-18 20:39 Cutelady 阅读(422) 评论(0) 推荐(0)
overflow属性
摘要：visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 ove 阅读全文
posted @ 2019-12-18 18:55 Cutelady 阅读(559) 评论(0) 推荐(0)
利用边框写一个三角形
摘要：div { width: 40px; height: 40px; border-width: 40px; border-style: solid; border-color: red green blue brown; } div { width: 0; height: 0; border-width: 40px; border-style: solid; border-color: red gr 阅读全文
posted @ 2019-12-18 18:12 Cutelady 阅读(204) 评论(0) 推荐(0)
CSS选择器的优先级
摘要：伪元素和伪类从字面理解就是假的元素和假的类。 1、伪类（单冒号） CSS3中的定义：伪类存在的意义是为了通过选择器，格式化DOM树意外的信息以及不能被常规CSS选择器获取到的信息。 伪元素的功能： （1）格式化DOM树以外的信息。如：<a>标签的:link、:visited等，这些信息不存在与DOM 阅读全文
posted @ 2019-12-18 16:51 Cutelady 阅读(392) 评论(0) 推荐(0)
HTML元素分类 块级元素 内联元素 块级内联元素
摘要：概述 HTML中存在许多元素，如<h1>,<p>,<a>,<block>,<image>,这些元素可分为三类，依次是块级元素，内联元素，块级内联元素。 每种元素都有着各自的特点： 块级元素特点 每个块级元素都从新的一行开始，并且其后的元素也另起一行。（一个块级元素独占一行） 元素的高度(height 阅读全文
posted @ 2019-12-18 13:29 Cutelady 阅读(273) 评论(0) 推荐(0)
table表格中的 colspan rowspan cellpadding cellspacing
摘要：横跨两列的单元格： colspan 属性规定单元格可横跨的列数 colspan="2" 横跨两行的单元格： rowspan 属性规定单元格可横跨的行数 rowspan="2" 单元格间距 cellspacing 单元格边距 cellpadding 阅读全文
posted @ 2019-12-06 18:13 Cutelady 阅读(759) 评论(0) 推荐(0)
mailto
摘要：什么是mailto链接？ mailto链接是一种html链接，能够设置你电脑中邮件的默认发送信息。但是需要你电脑中安装默认的E-mail软件，类似Microsoft Outlook等等。加入您已经安装了Microsoft Outlook，那么直接点击mailto链接就可以获得默认设置的邮件信息。 怎 阅读全文
posted @ 2016-12-03 22:17 Cutelady 阅读(546) 评论(0) 推荐(0)
js实现div居中
摘要：JS实现-DIV自动居中代码 阅读全文
posted @ 2016-11-18 11:16 Cutelady 阅读(4942) 评论(0) 推荐(0)
溢出用省略号显示
摘要：width: 100px; height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 阅读全文
posted @ 2016-10-20 16:24 Cutelady 阅读(82) 评论(0) 推荐(0)
HTML 头部元素
摘要：HTML <head> 元素 <head> 元素是所有头部元素的容器。<head> 内的元素可包含脚本，指示浏览器在何处可以找到样式表，提供元信息，等等。 以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。 HTM 阅读全文
posted @ 2016-06-08 16:24 Cutelady 阅读(178) 评论(0) 推荐(0)
web前端开发CSS命名规范参考
摘要：做为一个web前端工程师，每天接触HTML、css就像吃饭一样，但是作为一名合作、优秀的web前端工程师，对DIV+CSS命名还是有一定的规范的，本文整理了一份web前端开发中DIV+CSS各种命名规范。 Div+CSS命名规范一. 窗体 头：header 内容：content/container 阅读全文
posted @ 2016-06-08 16:10 Cutelady 阅读(405) 评论(0) 推荐(0)
HTML 中有用的字符实体
摘要：HTML 中有用的字符实体 注释：实体名称对大小写敏感！ 显示结果描述实体名称实体编号 空格 &nbsp; &#160; < 小于号 &lt; &#60; > 大于号 &gt; &#62; & 和号 &amp; &#38; " 引号 &quot; &#34; ' 撇号 &apos; (IE不支持) 阅读全文
posted @ 2016-05-18 12:26 Cutelady 阅读(136) 评论(0) 推荐(0)
ellipsis
摘要：语法： text-overflow : clip | ellipsis 参数： clip : 不显示省略标记（...），而是简单的裁切（clip这个参数是不常用的！） ellipsis : 当对象内文本溢出时显示省略标记（...） text-overflow我们可以用它代替我们通常所用的标题截取函数 阅读全文
posted @ 2016-05-17 17:31 Cutelady 阅读(485) 评论(0) 推荐(0)
HTML 统一资源定位器
摘要：URL 也被称为网址。 URL 可以由单词组成，比如 “w3school.com.cn”，或者是因特网协议（IP）地址：192.168.1.253。大多数人在网上冲浪时，会键入网址的域名，因为名称比数字容易记忆。 URL - Uniform Resource Locator 当您点击 HTML 页面 阅读全文
posted @ 2016-05-17 16:45 Cutelady 阅读(193) 评论(0) 推荐(0)
min-height
摘要：1.min-height min-height:160px;height:auto!important;height:160px; min-height:160px; 设置对象box的最小高度，Firefox、IE7+适用； height:auto!important; 设置对象box的高度无自动定 阅读全文
posted @ 2016-04-27 15:31 Cutelady 阅读(179) 评论(0) 推荐(0)

1 2 下一页