HTML
文章平均质量分 67
玩会手机就睡觉
这个作者很懒,什么都没留下…
展开
-
JS---对伪元素的处理
前言在之前的文章里我需要对伪元素的样式进行修改,这个时候我发现我这一块的知识是一片空白,然后我上网去查阅相关资料然后做了以下总结,如有错误还请大家多多指正!!正题js获取(这里指的是对伪元素属性与属性值的获取,不像那些querySelector()获取元素)这里第一步我们要学会获取伪元素!!*{ padding: 0; margin: 0; } body{ display: flex;原创 2021-05-28 11:53:44 · 1509 阅读 · 0 评论 -
CSS--3d导航条
前言这个是过渡transition应用的一个例子,前面讲的是动画的例子!代码与讲解html部分,这里都是按照正常的ul来创建导航条<ul> <li> <div class="box"> <div class="front">1</div> <div class="bottom">2</div>原创 2021-05-23 20:19:46 · 144 阅读 · 0 评论 -
HTML---细节
link标签很多时候我们熟知的link标签都是用来引入css文件,一般都是长这样子<link rel="stylesheet" href="">这里再谈谈它的一些其他属性:charset char_encoding HTML5 不支持该属性。 定义被链接文档的字符编码方式href URL 定义被链接文档的位置。media media_query 规定被链接文档将显示在什么设备上。rel 必需。定义当前文档与被链接文档之间的关系。sizesNew 定义了链接属性大原创 2021-05-22 21:02:53 · 59 阅读 · 0 评论 -
CSS---重置样式表
我们在写网页的时候,浏览器会设置一些默认样式,而这些样式很多时候会影响到我们的布局(就比如那些自带内外边距等等),所以我们一般都会先引入一个重置样式表来清除默认样式!!!话不多说直接上代码:html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins,原创 2021-05-22 22:49:56 · 269 阅读 · 0 评论 -
开发者工具的简单使用
进入开发者工具这里有两个方法(以chorme浏览器为例)直接F12鼠标右键里面点击检查即可简单使用更改调试窗口的显示位置就是你可以调整开发者工具的位置,个人感觉第三个选项比较舒服选中需要修改的元素以及手机端的调试这里左边可以用来选择元素,右边是手机端调试盒子模型这里当你点击你要的元素时就可以通过盒子模型来查看宽高,边距等等修改设置元素的样式第一步点击左边的代码如何在右边界面进行修改这里直接双击你要修改的代码就行,这里的修改都是不会对源代码产生影响,原创 2021-05-22 22:45:10 · 3689 阅读 · 0 评论 -
CSS浅析--单位
长度单位像素:屏幕(显示器)实际上由一个个点构成不同屏幕的像素大小不同,像素越小像素越清晰所以同样的200px在不同的设备下显示效果不同百分比也可以将属性设置为相对于其父元素属性的百分比设置百分比可以使子元素跟随父元素的改变而改变emem是相对于元素的字体大小来计算的1em=1font-size(默认是16px)em会根据大小的改变而改变remrem是相对于根元素(html)来计算对于自己没事写的demo而言,用px就行了,但到了后面需要考虑自适应等相关问题时rem+媒体查询(原创 2021-05-22 20:51:19 · 59 阅读 · 0 评论 -
CSS浅析--权重
前言我前面结束了那么多种选择器,如果发生了这么一种情况:多个选择器对同一个元素进行样式的修改,最终浏览器会听谁的呢?这个时候我们就需要引入权重这个概念!!正题当我们通过不同的选择器,选中相同的元素,并且为相同的样式设置不同的值,发生样式的冲突时,应用哪个样式由选择器的权重(优先级)决定权重选择器的权重(由高到低):内联样式 1,0,0,0 --按1000算id选择器 0,1,0,0 --100类和伪类选择器 0,0,1,0 --10元素选择器 0,0,0,1 --1通配原创 2021-05-22 19:11:39 · 49 阅读 · 0 评论 -
CSS浅析---选择器
前言下面知识点可能会有点多,大家坚持住,如果实在记不住多用用就熟悉了!正题一.常用选择器元素选择器:作用:根据标签名来选中指定的元素语法:标签名()例子:p{} h1{}p{ color: red; } h1{ color: skyblue; }id选择器作用:根据元素的id属性选中一个元素语法:#id{}例子:#box{}#red{ color: red;原创 2021-05-22 18:52:24 · 157 阅读 · 0 评论 -
CSS浅析(一)——初了解
前言之前已经讲完了HTML,没看的可以先回去看看便于理解,看过的小伙伴就可以直接进入css的学习了!基础网页分为三个部分结构:html表现:css行为:javascriptcss 层叠样式表:网页实际上是一个多层结构,通过css可以分别为网页的每一个层来设置样式,而最终我们能看到的只是网页的最上边一层,总之,css用来设置网页中的样式使用css来修改元素的样式的方法:第一种方式(内联样式,行内元素) 不推荐使用:在标签内部通过style属性来设置元素的样式问题:使用内联样式,样式原创 2021-05-21 11:49:12 · 53 阅读 · 0 评论 -
HTML浅析---table标签
前言这个我没怎么用过,大家了解一下就行,后面如果要用到再回来看看也是可以的。正题一在现实生活中,我们经常需要使用表格来显示一些格式化数据我们可以通过table标签来创建一个表格在table中使用tr表示表格中的一行,有几个tr就有几行用td表示一个单元格,有几个td就有几个单元格其中th标签中的内容默认以粗体、居中的方式显示 !!colspan 横向的合并单元格rowspan 纵向的合并单元格例子如下:// 值得注意的是一般不推荐使用table标签的属性来设置边距宽度等等//原创 2021-05-21 11:30:12 · 118 阅读 · 0 评论 -
HTML浅析一input标签
input标签前言首先我在前面一篇文章介绍了form标签,而现在要讲的input需要写在form标签里面才能真正发挥作用,没看过的小伙伴可以看一下:form标签的简单应用正题首先先简单介绍下这个标签input 标签规定了用户可以在其中输入数据的输入字段,输入字段可通过多种方式改变,取决于 type 属性。注意:input 元素是空的,它只包含标签属性。属性type属性(这个可以说是最重要的)...原创 2021-05-21 11:34:20 · 202 阅读 · 0 评论 -
HTML浅析—form标签
form标签简单了解HTML form 元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。这个标签在后面作一些用户账号登录注册的页面时会用到,也是一个十分重要的标签。属性这里主要讲的是关于提交表单的属性action属性这个属性是必须写的,作用是提交表单时,向何处发送表单数据,值是URL,即网址,也可以空着method属性可选择值有get、post,是用来设置表单以何种方式发送到表单页面,这里的get,post我感觉是跟接口有关了,在用AJAX的时候接触过,现在原创 2021-05-20 20:31:09 · 118 阅读 · 0 评论 -
HTML浅析—img标签
基础首先初识几个概念:使用img标签来引入外部照片,img标签是一个自结束标签img这种元素属于替换元素(基于块和行内元素之间,具有两种元素的特点)图片的格式:jpeg(jpg):支持的颜色比较丰富,不支持透明效果,不支持动图一般用来显示照片gif:支持的颜色比较少,支持简单透明,支持动图一般用来显示颜色单一的图片,动图png:支持的颜色比较丰富,支持复杂透明,不支持动图专为网页而生webp:谷歌推出的专门用来表示网页中的图片的一种格式它具备其他图片格式的优点,而且文件还原创 2021-05-20 09:04:40 · 1166 阅读 · 0 评论 -
HTML浅析(2)-- a标签
img标签原创 2021-05-20 00:03:22 · 130 阅读 · 0 评论 -
HTML的浅析(一)
作为一个萌新,原创 2021-05-18 20:40:18 · 55 阅读 · 1 评论