![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 90
Charming&M
码海有涯 你还没到
展开
-
前端基础——CSS3基础
1. 渐变背景提出:比较规则的渐变背景可以采用切片的方式,切1px渐变背景图片然后进行平铺,而不规则的渐变只能引入整张图片,可拓展新比较低,还会影响网页的加载速度。因此CSS3提出渐变背景background-image的属性,包括线性渐变和径向渐变线性渐变概念:渐变的颜色过度是沿着一条直线进行渐变语法:background-image: linear-gradient(to 方向,颜色1 位置1,颜色2 未知2 ,...)<style> .box1{原创 2022-04-11 15:26:25 · 402 阅读 · 0 评论 -
前端基础——html5新增标签
新增表单标签原始表单标签:input(text、password、radio、checkbox、button)、select、textarea、button、form。 h5增加了很多功能性的表单标签用于pc端和移动端的表单开发。邮箱:input(type="email"),提交数据时提供了邮箱格式的验证(格式不一定完全正确,因此以后需要通过js来进行调整;数字输入框:input(type="number"),网址输入框:input(type="url"),验证输入内容是否为网址,需要完整网址,以原创 2022-04-09 20:05:54 · 6230 阅读 · 0 评论 -
前端基础——BFC
FC概念FC(Formating context)格式化上下文,是css2.1提出的一个视觉渲染的概念。它是页面中一块渲染的区域,并且有一套自己的渲染规则,它决定了其子元素如何排列,以及和其他元素之间的相互关系BFCBFC--block formating context:块级格式化上下文,BFC是页面中的一个块级渲染区域。概念:指的是页面中的一个标签,不一定是块级标签。要成为BFC,有指定的满足条件。BFC有自己的排列规范,决定了BFC区域的子元素如何排列,以及与其他元素之间的相互关系原创 2022-04-09 11:22:20 · 532 阅读 · 0 评论 -
前端基础——定位
1.如何让盒子移动到指定的位置?(1) 采用margin的负值,破坏文档流进行移动。应用场景为头部内容和banner部分重叠(2) 采用定位技术.banner{ width: 100%; height: 500px; margin: 0px; background-color: pink; } .first{ width: 800px;原创 2022-04-08 19:50:46 · 4213 阅读 · 0 评论 -
前端基础——浮动
浮动1.块级元素同行显示块级元素本身是可设置宽高,独自成行,若想将块级元素同行显示,有以下两个方法:第一,采用行级元素和块级元素相互转换的方式dispaly:inline-block这种方法虽然能够使得块级元素同行显示,但是每个元素之间存在5px的间距,且对于某些浏览器来说存在兼容性的问题。第二,则是采用浮动的方法float:left|right|none2.浮动的特点相对于display来说:元素之间没有间距;不存在浏览器不兼容的问题;多个元素同行排列时,排列不下会自动换行;原创 2022-04-07 17:42:04 · 1514 阅读 · 0 评论