
CSS专栏
咸鱼一位
我的梦想是做一条咸鱼!
展开
-
仿写淘宝页面css+html+js
不是初学者想象的这么容易,要动手做的要有整体布局的思想,最基本打个草稿吧仿写的过程中有很多问题,这时候要自己一步一步的解决,之后遇到相同的问题,迎刃而解。字体图标用的阿里图标,后面还要学会设置颜色,字体图标的大小设置(是字体,而不是简单的宽高)css基础知识写,之后会发现淘宝的搜索框和别的不一样-这是个有趣的点目前就这些 后续更新...原创 2020-07-15 20:59:22 · 1325 阅读 · 0 评论 -
ol、ul区分ol与ol
1.区分这两个当前要追本溯源list:列表ol: ordered list 有序列表ul:unordered list 无序列表原创 2020-07-09 15:31:30 · 823 阅读 · 0 评论 -
如何使一个div里面的文字垂直居中,且该文字的大小根据屏幕大小自适应?
line-height等于div高度来自风雨后见彩虹这位老师,里面有详细的解答如何使一个div里面的文字垂直居中?2文字的大小根据屏幕大小自适应这次我是一个小小的搬运工原创 2020-06-29 21:50:58 · 1369 阅读 · 1 评论 -
让一个div消失
让一个div消失1.position:absolute/relative/fixed + 方位 top/bottom/left/right: -9999px2.display:none 此元素不会被显示。3.visibility:hidden 元素是不可见的。4.width:0 + overflow:hidden 内容会被修剪,并且其余内容是不可见的height:0 + overflow:hidden5.margin-top/bottom/left/right:-9999px; 移除界面原创 2020-06-29 21:41:28 · 881 阅读 · 0 评论 -
z-index的工作原理,使用范围
百度百科: z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。z-index这个属性控制着元素在z轴上的表现形式。当z-index跟的属性值越大说明这个元素离电脑屏幕越近使用范围: 网页两侧的浮动窗口(播放器,指定按钮,广告等) 导航栏浮动值顶 隐藏div实现弹窗功能(通过设置div定位和z..原创 2020-06-29 21:32:24 · 1148 阅读 · 0 评论 -
谈谈你对html5的理解
新增语义化标签结构标记header 头部标签nav 导航标签article 内容标签section 定义文档某个区域aside 侧边栏标签footer 尾部标签语义化内容形象图:新增的多媒体标签主要包含两个:音频 audio视频 video新增表单元素 emil -邮箱 url -网址 date - 日期 time -时间 month-月份 week -周 number-数量 ! tel-手机号码 ! search -搜索 ! colo..原创 2020-06-29 21:26:31 · 1075 阅读 · 0 评论 -
今日复习记录-面试基础题(重复最多的人就是天才)
安于现状浏览器的内核分别是什么2. IE 浏览器的内核 Trident、Mozilla 的 Gecko、Chrome 的Blink (WenKit 的分支)、Opera 内核为 Presto,现为Blink;3. 为什么要初始化 CSS 样式4. 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS初始化就会出现浏览器之间的页面差异。5. CSS 哪些属性可以继承? 优先级算法如何计算? CSS3 新增伪类有哪些?所有元素可继承:visibility和cursor。原创 2020-05-13 23:51:34 · 100 阅读 · 0 评论 -
今日复习记录-面试基础题(重复最多的人就是天才)
CSS3改变页面元素位置的定位方式及他们的区别relative 相对定位 相对于自身原来的位置偏移,仍处于标准文档流中;absolute 绝对定位 相对于最近的已定位的祖先元素,有已定位(指position 不是static的元素)祖先元素,以最近的祖先元素为参考标准。如果无已定位祖先元素,以body元素为偏移参照,完全脱离文档流;fixed 固定定位的元素会相对于视窗来定位这意味着即便页面滚动,它还是会停留在固定的位置。固定定位也会脱离文档流display 有哪些值,说原创 2020-05-12 22:27:22 · 115 阅读 · 0 评论 -
今日复习记录-面试基础题(重复最多的人就是天才)
CSS3 温故而补昨日之失src 和 href的区别(1)href:是Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。并下载该文档,不会停止对当前文档的处理(2)src:src是source 的缩写,src指向的内容会嵌入到文档当前标签所在位置。如:img、script、iframe 当浏览器解析到该元素时,会暂停浏览器的渲染,直到该资源加载完毕说出 link 和 import 的区别link 一般在 html头部定义,作为 html 标签,原创 2020-05-10 23:51:36 · 110 阅读 · 0 评论 -
今日复习记录-CSS小技巧(重复最多的人就是天才)
CSS样式CSS鼠标样式属性值描述default小白 默认pointer小手move移动text文本not-allowed禁止CSS 三角原理(自认为):一个盒子里面三个边框都是透明,其中一个有颜色.box{ width:0; height:0; /*解决兼容性问题*/ line-height:0; font-size:0; /*让盒子边框变成透明*/ border:10px solid transparent;原创 2020-05-09 22:58:40 · 132 阅读 · 0 评论 -
今日复习记录-面试基础题(重复最多的人就是天才)
一、CSS3苟日新,又日新,日日新浮动会对父元素带来什么影响?如何解决这个问题子元素一旦浮动,父元素的高度为0,在父元素最后一个子元素位置处添加一个空的块级元素,并设置其clear属性值为both;.clear:after{ display:block; content:""; clear:both;}哪些元素默认有边距body、p、h1~h6、ul、ol、dl、pre网页中如何定义锚点?如何连接到锚点位置?a标记用name定义锚点,其他标记用id属性定义锚点。链接到锚点的原创 2020-05-08 23:05:02 · 127 阅读 · 0 评论 -
今日复习记录-面试基础题(重复最多的人就是天才)
在社交软件上写东西,作为小白的我,应该手敲键盘,不能ctrl+c、ctrl+v。自己的要求一、HTMLDoctype作用?严格面试下与混杂模式如何区分?他们有何意义(1)声明位于文档中的最前面,处于标签之前。告知浏览器的解析器,用什么文档类型,规范解析这个文档(2)严格模式下的排版和JS运作模式是以该浏览器支持的最高标准运行(3)在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏...原创 2020-05-07 23:22:53 · 124 阅读 · 0 评论 -
今日复习记录-面试基础题(重复最多的人就是天才)
在社交软件上写东西,作为小白的我,应该手敲键盘,不能ctrl+c、ctrl+v。自己的要求一、关于 HTMLimg标记属于上面类型元素行内元素结构标记有哪些?他们与div有什么相同之处,又有什么不同之处header,nav,section,aside,footer,article。都是用来布局的,但结构标记提高了语义性和可读性行内块元素、块元素、空元素有哪些(1)行内元素:a、sp...原创 2020-05-06 22:47:05 · 173 阅读 · 0 评论 -
今日复习记录-面试题目(重复最多的人就是天才)
请简单介绍Flex布局一、 优缺点Flex布局:操作简单,布局极为简单,移动布局应用广泛,兼容性较差Pc采用传统布局,移动端或者不考虑兼容的pc可采用flex布局Flex 布局原理给父盒子添加flex属性,来控制盒子的位置排列方式从而实现flex布局我们为父盒子设为flex布局以后,子元素的float、clear、和vertical-align 属性将失效Flex布局...原创 2020-05-06 00:27:13 · 159 阅读 · 0 评论 -
今日复习记录-表格的样式(重复最多的人就是天才)
作为初学者我为什么要发博客?“博客,仅音译,英文名为Blogger,为Web Log的混成词。它的正式名称为网络日记;因为前端接触了博客,当自己写的博客越来越多人看,会收到许许多多的评论,就会看到自己的代码不足之处,而热心评论,从而进一步改善自己。初学者写博客,自己一定要写注释,让自己更加深入的了解其含义。最后想说的一句:重复最多的人就是天才。高中地理李老师告诉过我们的一句话,一直铭记在...原创 2020-05-01 22:42:17 · 144 阅读 · 0 评论 -
今日的学习记录CSS-前端复习阶段
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2020-04-28 23:49:42 · 134 阅读 · 0 评论