HTML/CSS
文章平均质量分 94
HTML/CSS
西西贝贝Xx
一枚阿里搬砖的前端打工人,个人技术栈Vue/React/Rax/Axios/TypeScript/Webpack/小程序,记录平时遇到的一些小问题,争取以后勤更~~~
展开
-
B端响应式布局解决方案—— Grid 栅格布局应用详解
栅格布局三大重要因素:列、水槽、页面边距首先要了解,栅格系统三大重要因素:列、水槽、页面边距。定义列一般PC端通常使用12列栅格,如果业务比较复杂,则可以使用24栅格。当前,也可以根据实际场景需要增加栅格数量,数量越多响应式约灵活,相应的版面被分割的会比较零碎。定义水槽宽度水槽宽度一般使用4或者8的倍数,比如16px,20px,24px。一般推荐使用16px,间距适中。最后 定义触发页面布局的关键值比如 672px,1056px,1312px等进行栅格数量删减。原创 2022-10-12 03:20:30 · 1458 阅读 · 1 评论 -
面试点:超详细的flex弹性布局的6个容器属性和6个项目属性介绍
flex属性: flex-direction、flex-wrap、flex-flow、justify-content、align-items、align-content,因为它的多属性所以经常混淆,下面就是关于弹性布局的讲解Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。一、Flex使用1.设置容器为 Flex 布局。.box{ dis...原创 2019-11-06 20:52:06 · 1617 阅读 · 0 评论 -
Bootstrap中的属性 aria-hidden、sr-only、aria-labe、alert组件介绍
看了两天的bootstrap,发现这就是一个前端的框架,让你做网站的时候套着用,看了看中文官网,bootstrap中文网 分为4个部分:起步全局css样式组件javascript插件这几个内容,前两部分看看文档 ,会用就行, 不会的话就跟着敲。 在看全局CSS样式时 有几个属性 需要注意一下~~~~~~~~~·~-----------------------------分割...原创 2019-08-28 18:07:14 · 3687 阅读 · 0 评论 -
html5新特性总结:媒体元素【video、audio】篇
媒体元素——video和audio1.使用方法audio使用方法:<audio src='' controls='controls'></audio>video使用方法:<video src='' controls='controls' width='' height=''></video>或者:<video><source src='video.mp4' type ='video.mp4'/></v原创 2020-11-09 18:40:13 · 1113 阅读 · 0 评论 -
表单form中readonly只读和 disabled不可选的异同(超详细 附应用场景)
**表单中readonly只读和 disabled不可选的异同:好久没有写博客了,最近在学习前端框架 会陆续把一些需要注意的点补上。好了 切入正题。。。--------------------------------分割线-----------------------------------------相同点:两者都是用在表单中的两个属性,它们都能够使用户不能更改表单域中的内容。...原创 2019-08-28 15:57:42 · 2443 阅读 · 0 评论