HTML学习
魁哥爱吃黄焖鸡
菜鸟一步一步走
展开
-
html的p标签,遇到数字和字母过长不会换行的问题
描述:html的p标签,遇到长数字和字母不会换行并且撑开外层容器的问题解决办法设置css,代码如下:style="word-wrap:break-word;word-break:break-all;"原创 2021-12-02 09:12:13 · 996 阅读 · 0 评论 -
position:fixed的情况下,下层div可以上下拖动的问题,可以添加点击事件,给body加上一个overflow:hidden来解决
关于position:fixed的情况下,下层div可以上下拖动的问题,可以添加点击事件,给body加上一个overflow:hidden来解决原创 2020-03-20 17:55:08 · 866 阅读 · 0 评论 -
HTML特殊字符编码大全
HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 ´ ´ © © > > µ &mic...原创 2020-03-19 09:55:23 · 1873 阅读 · 0 评论 -
字体的大小(pt)和像素(px)转换
px:相对长度单位。像素(Pixel)。pt:绝对长度单位。点(Point)。1in = 2.54cm = 25.4 mm = 72pt = 6pc具体换算是:PointsPixels Ems Percent6pt 8px0.5em 50%7pt 9px0.55em 55%7.5pt 10px 0.625em 62.5%8pt 11px 0.7em 70%9pt 12px ...原创 2020-03-09 15:43:10 · 8902 阅读 · 0 评论 -
把我们的网站在特殊日子里变成灰色
把我们的网站在公祭日内,做成灰色,其实是用到了CSS滤镜实现的效果。body * {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: ...原创 2018-12-13 09:30:07 · 541 阅读 · 0 评论 -
如何更改input中placeholder的颜色
示例:更改前:更改后:在我们经常写input时,我们一般都是使用placeholder的颜色,但是看起来真的很戳,当美工给我们设计了一个精美的input背景时,placeholder的内容就很难看清楚,我们就要对其进行更改颜色。但是我们对input的color更改成其它颜色时,只会对input输入的内容进行赋值颜色,而placeholder还是默认颜色。我们可以这样对它...原创 2018-11-23 09:58:41 · 45643 阅读 · 0 评论 -
display中inline-block和block的区别
总体概念1,block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块,会单独换一行;inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满。2,大体来说HTML元素各有其自身的布局级别(block元原创 2017-12-14 17:36:09 · 1927 阅读 · 0 评论 -
学习笔记2017.07.17-day15,am-CSS实例练习
在学习完CSS之后,好多属性名称拼写以及值也都忘了个差不多了,所以说呢,还是经常用一用,练一练。此次实例地址为:http://www.runoob.com/css/css-examples.html CSS实例|菜鸟教程1.CSS背景颜色、背景图片、背景图片垂直或水平平铺、背景图像定位body背景以及各个元素背景用background-color:red;来定义,后边的原创 2017-07-17 09:38:29 · 431 阅读 · 0 评论 -
JavaScript中关于变量初始化和变量未定义
简单理解 变量未定义,就是根本没有var(声明)这个变量. 而变量未初始化,其实也就是变量根本没赋值. 例如: 就是给变量赋值,然后对变量进行操作 var a=2; //变量初始化原创 2017-08-03 18:18:37 · 2393 阅读 · 0 评论 -
CSS下拉菜单页面随动--2017.07.22pm
今天做CSS下拉菜单实例,下拉菜单结构如下:CSS样式表.dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer;}.dropdown { positio原创 2017-07-22 16:22:17 · 1243 阅读 · 0 评论 -
H5和HTML5的区别
注意注意:H5不=HTML5H5 是一个产品名词HTML5是一个技术名词对于知乎多个相关问题里批判H5的叫法,我只想说:图样图森破,上台拿衣服打个比方,如果有个人跟你说:“我要做个网站,H5的”。那TA是想让你用header、footer、nav、section等标签?让你用Geolocation、localStorage、WebWorker等API转载 2017-07-19 00:42:15 · 44831 阅读 · 7 评论 -
学习笔记2017.07.05-day3,am-HTML表格
HTML 表格表格由 标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。 HTML 表格和边框属性如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。使用边框属性来显示原创 2017-07-05 09:22:52 · 228 阅读 · 0 评论 -
学习笔记2017.07.03-day1,pm2-HTML文本格式化
HTML文本格式化:文本格式化就是对网页中文本添加粗体、斜体等文字文本的格式。HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如:粗体 or 斜体文本格式化标签:HTML 文本格式化标签定义粗体文本定义着重文字定义斜体字定义原创 2017-07-03 16:42:20 · 275 阅读 · 0 评论 -
学习笔记-2017.07.04-day2,am-HTML链接-HTML头部<head>
HTML 超链接(链接) HTML使用标签 来设置超文本链接。 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。 在标签 中使用了href属性来描述链接的地址。原创 2017-07-04 10:36:59 · 355 阅读 · 0 评论 -
学习笔记2017.07.03-day1,am-HTML简介-HTML标签-HTML元素
HTML简介:HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言,而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面HTML标签: HTML 标签是由尖括号包围的关键词,比如原创 2017-07-03 10:19:15 · 320 阅读 · 0 评论