移动网站建设口碑好,做有色研究的网站,个人网站建设流程图,国外常用的seo站长工具问题#xff1a;
#xff08;1#xff09;css的flex布局属性有哪些#xff1f;详解CSS的Flex布局 - 知乎
css 设置为 flex 布局以后#xff0c;子元素的float、clear和vertical-align 属性将失效。
容器的属性有6个#xff0c;分别是#xff1a;
flex-direction fl…问题
1css的flex布局属性有哪些详解CSS的Flex布局 - 知乎
css 设置为 flex 布局以后子元素的float、clear和vertical-align 属性将失效。
容器的属性有6个分别是
flex-direction flex-wrap flex-flow justify-content align-items align-content
① flex-direcion属性
作用控制主轴的方向 默认值row
flex-direction: row | row-reverse | column | column-reverse;
② flex-wrap属性
作用默认情况下项目都排在一条线又称轴线上。flex-wrap属性定义如果一条轴线排不下如何换行。 默认值nowrap
flex-wrap: nowrap | wrap | wrap-reverse;
③ flex-flow属性
作用该属性是flex-direction属性和flex-wrap属性的简写形式
默认值row nowrap
④ justify-content属性
作用定义项目在主轴上的对齐方式
justify-content: flex-start | flex-end | center | space-between | space-around;
默认值flex-start
⑤ align-items属性
作用定义项目在交叉轴上如何对齐。
align-itemsflex-start | flex-end | center | baseline | stretch
默认值flex-start 26个卡片每行3个flex如何实现
div classcard-containerdiv classcardCard 1/divdiv classcardCard 2/divdiv classcardCard 3/divdiv classcardCard 4/divdiv classcardCard 5/divdiv classcardCard 6/div
/div
.card-container {display: flex;flex-wrap: wrap;justify-content: space-between;
}
.card {width: 30%;margin-bottom: 10px;background-color: #f0f0f0;padding: 10px;
}
.card-container是一个容器它被设置为flex容器允许子元素进行弹性布局。flex-wrap: wrap;允许子元素在需要时换行确保在小屏幕上也能正常显示。justify-content: space-between;将卡片在容器内水平分布两端对齐。
360个卡片呢 你刚刚方法可能不行换60个呢 4伪类的了解
伪类是css中的一种选择器它允许在特定的状态或条件下选择元素并为其应用样式。伪类通常以冒号(:) 开头用于对元素的特定状态或行为进行定位和样式化。
选择器描述:hover鼠标悬停时应用样式。常用于链接和交互元素。:active元素被激活例如按钮被点击时应用样式。:focus元素获得焦点时应用样式通常用于表单元素。:visited已访问链接的样式。:nth-child(n)选择父元素下的第n个子元素。:nth-of-type(n)选择特定类型的父元素下的第n个子元素。:not(selector)排除特定选择器的元素。:first-child选择父元素下的第一个子元素。:last-child选择父元素下的最后一个子元素。:first-of-type选择父元素下特定类型的第一个子元素。
5浏览器输入URL整个过程
查询该域名的ip地址 下载浏览器本地缓存如果浏览器有本地缓存如果浏览器由本地缓存且未过期则返回结果 否则向上一级 DNS 服务器域名系统查询直到DNS根服务器浏览器和服务器建立 TCP 连接浏览器发送 HTTP 请求三次握手服务器通过 HTTP 响应把首页的html文件发送给浏览器TCP释放连接四次挥手浏览器首页解析 html 文件 并展示给用户
6http2.0,1.1,1.0,3.0有啥区别吗 7https加密过程
1. 浏览器请求 URL找到服务器向服务器发送请求。服务器将自己的整数包含服务器公钥、对称加密算法种类以及其他相关信息返回给浏览器。
2. 浏览器检测CA证书是否可依赖确认证书有效。
3. 如果不是给服务器发警告询问是否可以继续使用。
4. 如果是浏览器使用公钥加密一个随机对称秘钥包含加密的 URL 一起发送给服务器。
5. 服务器用自己的密钥解密浏览器发送的钥匙然后用这把对称加密的钥匙给浏览器请求的 URL 连接解密。
6. 服务器用浏览器发送的对称钥匙给请求的网页加密浏览器使用相同的钥匙就可以解密网页。
8页面渲染有重绘 重排这俩有了解吗
9强缓存和协商缓存
10http的Keep-Alive
JS原型链你对前端工程化的了解webpack的一些原理babel的了解poltillbabel的 词语不知道怎么拼webpack的tree-摇的了解网络安全的xsscsrfhttps为了防御什么攻击前端js排序底层是哪一种排序文档中有敏感词怎么办你的项目经验有webreactvue哪个用得熟一点有了解vue的原理吗说一下数据的双向绑定vue2 or vue3vue3对2来说 架构上做的什么变化状态管理这块的理解或者某个状态管理的理解用来解决什么问题学习或者项目中遇到比较难的问题自己怎么解决的为啥不用socket这种方式呢还有什么其他比较难得问题吗数据有嵌套怎么办呢数据比较多渲染成table比较卡顿有没有遇到这种问题前端如何做大数据量展示的优化反问问了base、技术栈、产品
