随笔分类 - WEB前端
摘要:旧版配置 { //配置eslint "eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [ "javascript", // 用eslint的规则检测js文件 { "language": "vue", //
阅读全文
摘要:1、响应式布局 利用媒体查询,即media queries,可以针对不同的媒体类型定义不同的样式,从而实现响应式布局。 常见选项: 媒体类型 and、not min width、max width: 例如 @media all and (min width:500px) and (max width
阅读全文
摘要:1、flex弹性盒模型 在父容器中添加display:flex;把父容器变为弹性盒模型 作用(写)在flex容器上 作用(写)在flex子项上 flex direction order flex wrap flex grow flex flow flex shrink justify content
阅读全文
摘要:1、文字阴影?(针对文字) text shadow: 例如 text shadow: 10px 10px 10px blue;四个值分别是 x y blur color blur表示模糊值,越大越模糊 注:阴影的默认颜色是跟文字的颜色相同;通过逗号的方式进行分割,可以设置多阴影 2、box shad
阅读全文
摘要:1、浏览器前缀 浏览器厂商以前就一直在实时CSS3,但它还未成为真正的标准。为此,当有一些CSS3样式与法还在波动的时候,他们提出了针对不同浏览器的前缀,来解决兼容性问题。 即:CSS3去兼容不同的浏览器,针对旧的浏览器做兼容,新浏览器基本不需要添加这个前缀了。 浏览器 内核 前缀 IE Tride
阅读全文
摘要:1、float浮动 脱离文档流:沿着父容器靠左或者靠右进行排列 文档流 文档流是文档可显示对象在排列时所占用的位置 float特性 left、right、none float注意点: 只会影响后面的元素,对于浮动元素之前的元素是不造成任何影响的 内容默认提升半层,可实现图文混排样式 默认宽根据内容决
阅读全文
摘要:1、CSS背景样式? background color 背景色 background image 背景图 url(背景地址) 默认:会水平垂直铺满背景图 background repeat 平铺方式 repeat x x轴平铺 repeat y y轴平铺 repeat(x和y都进行平铺,默认值) n
阅读全文
摘要:1、web三大核心技术? HTML CSS JavaScript 2、HTML基本机构和属性 HTML:超文本 标记 语言 超文本:文本内容+非文本内容(图片、视频、音频等) 标记:<单词> 语言:编程语言 标记也叫做标签: <header> <footer> 写法分为两种: 单标签:<header
阅读全文