![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML/CSS
文章平均质量分 50
HTML和CSS相关知识
Tech In Pieces
这个作者很懒,什么都没留下…
展开
-
CSS中margin/padding/border有什么区别
通俗易懂的来说 这就是三层边界:从外到内 直到contentmargin:层的边框以外留的空白background-color:背景颜色background-image:背景图片padding:层的边框到层的内容之间的空白 border:边框 content:内容为什么我们要这么定义呢?W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域:内容(content)、内边距(pa原创 2021-07-23 04:47:18 · 395 阅读 · 0 评论 -
HTML中的单引号双引号的区别
单独的html标签 单引号双引号没有区别<html><head></head><body><input type = submit value = 提交1><input type = "submit" value = "提交2"><input type = 'submit' value = '提交3'></body></html>和JS混编的时候 最好一个单引一个双引用来区分。原创 2021-01-07 05:20:42 · 689 阅读 · 0 评论 -
什么是HTML事件句柄?(Event Handler)
我自己的理解来说的话:我们经常需要处理下面的场景:当某个事件发生的时候 Web浏览器会自动调用什么东西 然后自动作出反应。由于客户端KS事件是由HTML对象引发的 因此事件句柄并定义为这些对象的属性干!这特么也太抽象了吧?想了一下 是翻译的锅,好端端的event handler非要翻译成句柄这种狗屁不通的东西。也就是说 其实就是当某件事情发生,我们自己定义的JS操作。比如说下面这个输入表单:<input type="checkbox" name="options" value="gift原创 2021-01-06 06:11:58 · 847 阅读 · 0 评论 -
常用的事件句柄属性(Event Handler)
onclick: 最常用的句柄属性 当用户点击元素的时候会触发他。当onclick处理程序返回false,浏览器不执行任何和按钮和链接相关的默认动作,比如 他不会进行超链接或者提交表单。onmousedown/onmouseup: 这两个事件句柄和onclick非常相似,只不过分别在用户按下和释放鼠标按钮时触发。大多数文档元素都支持这两个事件句柄属性。onmouseover,onmouseout:分别在鼠标指针移到或移出文档元素时触发。onchange:< input> < sele原创 2021-01-06 06:08:51 · 855 阅读 · 0 评论 -
通俗易懂讲DOM
之前写过一篇文章 《究竟什么是DOM?》但是云里雾里术语搞了一大堆 也没搞明白这究竟是什么东西。本篇文章就是来通俗易懂的解释什么是DOM DOM(文档对象模型)是针对HTML和XML文档的一个API,通过DOM可以去改变文档。 跟狗屁一样的解释 对吧?最好是用例子来解释: 举个例子:我们有一段HTML,那么如何访问第二层第一个节点呢,如何把最后一个节点移动到第一个节点上面去呢? DOM就是定义了如果做类似操作,那么应该怎么做的标准。比如用getElementById来访问节点,用inser原创 2021-01-04 03:01:04 · 376 阅读 · 0 评论 -
DOM(文档对象模型)的12个节点类型
当浏览器载入HTML的时候 会生成相应的DOM树。这个树自然有很多节点 。这些节点虽然都继承Node类型,但是这些节点可能分属于不同的子节点类型。首先我们看一下Node类,此类为基类。因此 这个类的方法和属性会被所有的节点共同继承。属性:int nodeType//doc 9, element 1, text 3boolean DOCUMENT_NODEnodeName 对于元素节点 nodeName就是标签名 对于文本节点 nodeName为”#text”(chrome里面测试的)nodeV原创 2021-01-04 02:50:06 · 1753 阅读 · 0 评论 -
DOM究竟是个什么东西?
DOM究竟是啥东西?怎么前端哪里都有DOM的概念?JS有,CSS有,Node.js有…总之都有原创 2021-01-04 00:35:05 · 457 阅读 · 1 评论 -
HTML和XML有什么区别?(What‘s the difference between HTML and XML?)
首先 两者都是ML 意思是Mark Language,即“标记语言”。那么什么是标记语言呢?标记语言是一种注释文本的语言,以便计算机可以操作该文本。 大多数标记语言都是人类可读的,因为注释的编写方式是将它们与文本本身区分开来。而所谓的“标记”,就是Tag然后分开看:XML 全称是extendable mark language, 他其实是一台定义语义标记的 规则,这些标记(mark/tag)会讲文档分成许多部件并且堆这些部件加以标识。简而言之:XML就是可以自己根据需要定义tag的一套规则。 即:原创 2021-01-03 21:47:09 · 162 阅读 · 0 评论 -
CSS的三种使用方法
CSS使用方法1:行内样式,只对当前标签生效。比如像这样<h1 style="height:20px;color:red">CSS使用方法2—内联样式+选择器行内样式虽然直观易懂,但是有个问题:不便于维护和修改,而且占内存。但是 如果批量修改,文本中的< p >标签,想让文字变为红色。所以 我们使用CSS选择器。<html><head><title>Evan Sun</title><style type="te原创 2020-12-31 03:21:07 · 5294 阅读 · 0 评论 -
要骂就骂的爽快---CSS篇
转自知乎@Ivony为什么CSS那么难学?其实有这种感觉并不奇怪,因为你把CSS当作了一门程序设计语言一样的东西。而事实上他只不过是一群醉汉拍脑袋胡乱发明出来的语焉不详的乱码的拼凑。近年已经好太多了,早期的程序员甚至要通过调试了解浏览器会如何处理CSS并试图用这个玩意儿去控制浏览器的处理行为得到自己想要的结果。这是一种极其高端的编程技巧,就像通过你的计算器的一些Bug写个游戏出来一样。唯一的好消息是,CSS实现的Bug实在太多了,使得你真的可以用这些Bug来编写程序。反对所有认为CSS是一种正原创 2020-12-31 03:19:55 · 197 阅读 · 0 评论 -
工作的时候该怎么样写CSS?
我们已经知道编程有两类不同的工作:一类是机械性的,把比较清晰的行为逻辑翻译成代码;另一类是创造性的,给你的信息是不足的,需要发挥创造力,补上不足的部分,完成整个项目。它可以包含难易程度各自不同的很多内容:1. 根据接口设计算法2. 根据功能设计相配合的接口和数据结构3. 设计容纳现有功能及未来扩展的软件框架4. 设计能达到预定目标、满足用户需求同时开发成本最小的的功能所以说 如果说你写CSS的时候得到的信息跟写业务逻辑一样清楚,比如说:整个页面有三个框,采用浮动布局,左边和右边固定200px,最小高原创 2020-12-30 08:16:50 · 158 阅读 · 0 评论 -
CSS正交性分析
Refer: 为什么 CSS 这么难学?我先来解释一下什么是正交。你调过显示器的「亮度」、「色调」和「饱和度」吧。「亮度」就是明暗程度,值越大,屏幕越亮。「色调」就是颜色,你通过调色调,可以把红色调成绿色。「饱和度」就是鲜艳程度,值越大越鲜艳。「正交」就是,你调节这三者中的一个时,不影响其他两个效果。你调节「亮度」的时候「色调」和「饱和度」不会变化。你调节「色调」的时候「亮度」和「饱和度」不会变化。你调节「饱和度」的时候「亮度」和「色调」不会变化。「正交」看起来应该是理所当然的,对吧。想象一下「原创 2020-12-30 07:34:16 · 471 阅读 · 0 评论 -
到底该怎么学CSS?
首先 树立一种正确的观念:别觉得这是一门简单的语言。这其实是一门很复杂的语言。学习它就像你学习Python和Java一样。有个老哥说的好 CSS难学之处在于它**「出乎我意料之外的复杂」且让我觉得「定位矛盾」**而且CSS 的属性互不正交,大量的依赖与耦合难以记忆。CSS 的很多规则是贯彻整个体系的,而且都记在规范里了,是有规律的,你应该好好读文档而不是去瞎试。之前我一直把CSS看作是一种只能定义布局 的语言,我们并不需要在CSS离处理数据结构 写算法 业务逻辑,只是希望能够精确的表达我想要的视觉效原创 2020-12-30 07:32:54 · 211 阅读 · 0 评论 -
HTML CSS基础知识点回顾
html是标记语言 可以互联互联网上任何网页 有head和body两大部分,第一部分有title,link等部分 第二部分有h1,p,form(label,input,li,ol,ul等等)CSS是用于对网页诸如字体格式 网页背景 以及字体的排版功能Javascript还有一些特殊功能 之后再说。我们构建网站不是从无到有 而是找模板 对模板进行修改下面具体说说一些常用tag的attribute是干什么用的:先看html 的head:title:没啥用 但是最好写上 代表了这个网页的名称 方便被检原创 2020-12-13 01:00:25 · 171 阅读 · 0 评论