番茄味西红柿 level
获赞
43
粉丝
17
关注
0
看过 TA
477
河南财政金融学院
2022
前端工程师
IP属地:浙江
暂未填写个人简介
私信
关注
CSS篇5接上京东CSS初始化方案* {    margin: 0;    padding: 0;}em,i {    font-style: normal;}li {    list-style: none;}img {    border: 0;    vertical-align: middle;}button {    cursor: pointer;}a {    color: #666;    text-decoration: none;}a:hover {    color: #c81623;}button,input {    font-family: Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}body {    -webkit-font-smoothing:antialiased;    background-color: #fff;    font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;    color: #666;}.hide,.none {    display: none;}/* 伪元素清除浮动 */.clearfix:after {    visibility: hidden;    clear: both;    display: block;    content: ".";    height: 0;}.clearfix {    *zoom: 1}总结:1.清除body,div,p,img等标签的默认内外行距2.清除列表的圆点等样式3.清除a链接的下划线样式4.设置表格边框合并5.设置body,标题和常见通用标签的样式6.一些盒子需要设置为border-box变异模型7.设置通用类名和父类名等的基本样式8.设置按钮样式,给按钮添加小手9.设置html默认白色背景,黑色字体以及默认字体大小等暂时想起来这么多。备注:由于自己整理便于复习,可能会有错误。
0 点赞 评论 收藏
分享
2023-03-30 21:58
已编辑
河南财政金融学院 前端工程师
CSS篇3em,rem,px和rpx下次详细整理。6.什么是初始化css,为什么要初始化?初始化css就是用来清除一些浏览器默认样式并设置一些统一样式。比如img,body,p和div等都自带边距。a链接自带下划线和颜色,列表自带圆点,不同浏览器可能不一致。为了清除边距统一布局兼容不同浏览器所以需要进行初始化,如*{margin:0;padding:0;}下面是部分代码。body { font: 12px/150% Arial, Verdana, "\5b8b\4f53; color: #666; background: #fff }body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,td,img {margin:0;padding:0;}fieldset, img, input, button {               border: none;    padding: 0;    margin: 0;    outline-style: none;}ul, ol { list-style: none;}input {    padding-top: 0;    padding-bottom: 0;    font-family: "SimSun", "宋体";}select, input {    vertical-align: middle;}select, input, textarea {    font-size: 12px;    margin: 0;}textarea {    resize: none;}img {    border: 0;    vertical-align: middle;}table {    border-collapse: collapse;          }a {    color: #666;    text-decoration: none}a:hover {    color: #C81623;}
0 点赞 评论 收藏
分享
CSS篇24.link和a的区别答:(1) link在页面加载时便会请求资源 ,a点击时才会请求(2)link更倾向于引入,不会刷新页面,a标签往往会刷新页面跳转地址,5.长度单位有哪些?回答:常见的长度单位有%,px,em,rem,vw,vh另外还有rpx,cm,mm,in,pc,pt,ex,vmin,vmax,fr等等分类如下:绝对长度单位:px,pt,pc,in,cm,mm相对长度单位:%,em,rem,vw,vh,vmin,vmax,ex,ch,fr,介绍如下:(1)px为像素,针对屏幕分辨率而言,浏览器能设置的最小长度单位为1px哦,所以想画0.5px的细线需要先画1px的线在用scale缩放为0.5倍。注意谷歌等浏览器的默认字体为16px,最小识别字体为12px,12px以下字体也可以用scale来缩放实现(2)1pt == 1/72in == 96/72px(3)1pc == 12pt(4)1in == 2.54cm == 96px(5)1cm == 37.8px(6)1mm == 0.1cm == 3.78px (7)em是根据父元素的字体大小来决定的,因为浏览器默认字体16px,所以默认1em=16px,em可用于设置字体宽高间距,设置字体缩进等,例如text-indent:2em可设置首行缩进2字符(8)rem相对于根元素的字体大小。由于根元素的字体大小默认为16px,所以默认情况1rem=16px(9)vw相对浏览器窗口宽度,100vw为1屏幕宽(10)vh相对屏幕高度,100vh为1屏幕高(11)vmin取vw和vh中的最小值(12)vmax取vw和vh中的最大值(13)%相对于父元素的宽,例如:如果⼀个元素呈现的宽度是450px,子元素的宽度设为50%,那么⼦元素呈现的宽度为225px。(如果所有的⽗级元素都没有设置具体的值,那么设置百分⽐⾼度那会导致所有的元素的值都为0)。(14)ch是一个相对于数字0的大小,1ch即数字0的宽度(15)fr:gird布局中利用的⼀个长度单位,如下声明三行的gird,第一行的⾼度为30px,第二行的同样为30px,第三行的为60px。grid-template-rows: 30px 1fr 2fr;长度单位貌似经常会被问到,以后再整理
投递谷歌等公司6个岗位
0 点赞 评论 收藏
分享
CSS篇11.引入css方式有些?优先级?答:分为行内式,嵌入式和外部式(1)写在标签里面,为行内式,又称为内联式。例如<div style="width:200px; height:200px">我是一个盒子</div>(2)将代码提出来写在style标签中,为嵌入式,虽然可以写在任意标签之间(不建议),不过一般写在html的头部,所以又称为头部样式表。例如<style>div{width:100%;font-size:14px;}</style>(3)css单独写在一个文件中,用href引入,为外部式,又称外链式<link rel="stylesheet" href="main.css" type="text/css">(4)css单独写在一个文件中,用@import引入,为外部式,又称为导入式@import url(default.css)(5)css单独写一个文件,用import引入,此为es6新特性,可以用在模块化中,注意,这个import只能用于js文件中,.vue文件也可以用。权重:行内>头部样式表>外部样式2.href和src的区别?回答:(1).href用于引入文件建立联系,通常用于link和a标签中,src用于请求资源来替换内容,通常用于script和img标签中(2).href请求时不会影响后续操作,即不会阻塞当前文件的处理,而src会暂停其他资源的处理,只有全部加载完毕才可继续执行注意,由于src会阻断处理,所以js文件需要在尾部引入,否则影响性能,另外,图片资源很多可以用懒加载,即用data-src来存放图片地址,当鼠标划入该区域则用data-src中的图片地址替换src里面的空地址即可。3.link和@import的区别?(1)link属于 XHTML 标签,而@import完全是 CSS 提供的一种方式。link可定义连接属性,@import只能引入样式表(2)页面加载时link即会被调用,@import会等页面加载完后在调用。(3)@ import会有兼容性问题,即ie5以下版本不支持(4)当使用js来改变页样式时,只能用link标签,即用js可插入link标签,不能操作@import(5)link的权重高于@import的说法错误,后引入的优先级高,就近原则哦
0 点赞 评论 收藏
分享
0 点赞 评论 收藏
分享
0 点赞 评论 收藏
分享
2023-03-13 19:29
已编辑
河南财政金融学院 前端工程师
3.13下午五点的面试因为为了省点钱我做的夜班车,昨天晚上的车今天上午四点到,地铁没开就在车站等了俩小时。后面出地铁先逛了个公园,逛了一个多小时然后去了酒店说暂时没有空房,总之快十一点才进房间休息。长时间坐车晕车,加上一天没睡觉,没休息好,下午三点起来脑子有点懵,粗略过了点题就去面试了,反正状态很不好,虽然问的题都挺基础的,但是有好多都没想起来怎么说,感觉自己回答的真心不咋的,八成凉凉了。有一部分题忘了,记住的题如下:1. em和rem区别,怎么用2.怎么实现首行缩进两字符,后面跟的长度单位是什么3.怎么实现水平垂直居中,不用display4.怎么实现两端固定中间自适应5.三栏布局定宽,然后又想设置border等值怎么不改变原来的布局6.怎么实现跨域不用jsonp7.三种网络攻击,名字忘了xxs啊什么的原理,然后怎么防止8.上传文件怎么实现,上传到一半把电拔了会出现什么情况9.怎么断点续传,就是把电拔了并恢复供电后接着原先的上传10.怎么画一条0.5px的线11.怎么用一行代码对数组去重12.怎么封装组件,举例13.怎么让名字两端对齐,右对齐14.cookie localStorage 和sessionStorage还有个啥忘了四种的区别15.http请求头具体讲一下16.js会写吗后面忘了17.link和import区别,那个好,怎么用,用在哪些地方18.怎么解决异步问题,怎么把异步变同步,后面还有句忘了19.发送三个等多个请求,怎么让他按照顺序执行并输出,不用async和await20.uniapp缺点,21.uniapp怎么打包,怎么兼容22.为什么uniapp不兼容ios23.开发uniapp中遇到了那些问题怎么解决24.讲一下几种布局方式,怎么实现响应式布局不用display.flex问的顺序不是上面的顺序,另外还有几个问题忘了刚开始就问了啥时候开始工作的,然后啥时候毕业的,上家公司情况。然后就问了是从外地过来面试的吗,有房吗有住的地方吗,又扒拉了几个啥忘了最后一个问题是除了薪资这个不归他负责其他有什么要问的。总结:八成凉凉我实话实说了我是外地过来来面试的,这边没房没住的地方。现在想了想我是个傻叉,这好多公司不要外地的,我说了怕是更要凉啊。
0 点赞 评论 收藏
分享

创作者周榜

更多
关注他的用户也关注了:
牛客网
牛客网在线编程
牛客网题解
牛客企业服务