![](https://img-blog.csdnimg.cn/20210907095616133.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
好玩的前端相关HTML/CSS/JS/VUE等应用
前端相关的,前端相关的知识,python,前端知识,好玩的前端脚本等
涤生大数据
在职阿里,美团,京东,字节大数据技术专家,擅长大数据开发,集群架构/运维,爱好python数据分析/爬虫,欢迎一起交流
展开
-
玩转html概述和基础标签使用
1.html是什么? HTML是 HyperText Mark-up Language 的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言,这种语言由一个个的标签组成,用这种语言制作的文件保存的是一个文本文件,文件的扩展名为html或者htm,一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,...原创 2019-07-18 11:31:52 · 1635 阅读 · 9 评论 -
玩转HTML图像,链接,列表,表格等标签
html的学习知道有哪些标签,怎么使用,其余就是如何将这些标签互相混合嵌套使用了。1.html图像img标签的使用 <img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。<img src="images/pic.jpg" alt="产品图...原创 2019-07-18 14:44:54 · 6942 阅读 · 0 评论 -
玩转HTML中表单标签的使用
html中标签个数不多,但是标签的属性非常之多,所以实际除非专业做前端的,否则没必要把所有的属性都记下来,需要查查w3c文档即可,只需要掌握常见的用法,看得懂即可。详细请查阅:W3C官网网站表单用于搜集不同类型的用户输入,表单由不同类型的标签组成,相关标签及属性用法如下:1、<form>标签 定义整体的表单区域action属性 定义表单数据提交地址 met...原创 2019-07-18 16:03:22 · 1934 阅读 · 1 评论 -
玩转CSS的前生今生与基础语法,选择器的使用
1.为什么需要CSS? HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签,HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局(比如字体啥颜色,是否缩进等样式)由浏览器来完成,而不使用任何的格式化标签。由于两种主要的浏览器(Netscape 和 Inter...原创 2019-07-21 19:35:11 · 4923 阅读 · 0 评论 -
玩转页面布局与CSS盒子模型解析
1.页面布局概述布局也可以叫做排版,它指的是把文字和图片等元素按照我们的意愿有机地排列在页面上,布局的方式分为两种:1、table布局:通过table元素将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格的边框,从而实现布局。这种布局方式也叫传统布局,目前主要使用在EDM(广告邮件中的页面)中,主流的布局方式不用这种。2、HTML+CSS布局(DIV+CSS):主要...原创 2019-07-22 10:22:57 · 1126 阅读 · 0 评论 -
轻松搞定CSS元素溢出的使用与注意事项
当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。1.overflow的设置项1、visible 默认值。内容不会被修剪,会呈现在元素框之外。2、hidden 内容会被修剪,并且其余内容是不可见的,此属性还有清除浮动、清除margin-top塌陷的功能。3、scroll 内容会被修剪,但是浏览器会显示滚动条以便...原创 2019-07-22 10:46:19 · 1580 阅读 · 0 评论 -
玩转CSS中块元素、内联元素、内联块元素
元素就是标签,布局中常用的有三种标签,块元素、内联元素、内联块元素,了解这三种元素的特性,才能熟练的进行页面布局。1.块元素块元素,也可以称为行元素,布局中常用的标签如:div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素,它在布局中的行为:支持全部的样式 如果没有设置宽度,默认的宽度为父级宽度100%盒子占据一行、即使设置了宽度<!DOCTYP...原创 2019-07-22 11:21:48 · 6614 阅读 · 2 评论 -
玩转CSS中浮动与定位的原理与使用
1. 文档流文档流,是指盒子按照html标签编写的顺序依次从上到下,从左到右排列,块元素占一行,行内元素在一行之内从左到右排列,先写的先排列,后写的排在后面,每个盒子都占据自己的位置。2. 浮动float特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动,碰到父元素边界、浮动元素、未浮动的元素才停下来3、相邻浮...原创 2019-07-22 15:18:01 · 1691 阅读 · 0 评论