• CSS实现自适应分隔线的N种方法

    CSS实现自适应分隔线的N种方法 分割线是网页中比较常见的一类设计了,比如说知乎的更多回答 这里的自适应是指两边的横线会随着文字的个数和父级的宽度自适应 偷偷的看了一下知乎的实现,很显然是用一块白色背景覆盖的,加一点背景就露馅了 心想: 知乎的前端也不怎么样...

    2019-12-23 08:56:12

  • HTML连载58-绝对定位的参考点以及注意事项

    HTML连载58-绝对定位的参考点以及注意事项 一、绝对定位参考点 1.规律: (1)默认情况下所有的绝对定位的元素,无论有没有祖先元素,都会以body作为参考点。 style .box1 { width : 300px ; height : 300px ; background-color : red ; /* position:absolute; */ /* le...

    2019-12-23 08:55:11

  • html5+css3的神奇搭配

    html5+css3的神奇搭配 1.关于浮动 浮动的元素会脱离标准文档流(float),从而不占据空间,实现了一行排列多个元素的效果 ,但是又导致上级元素height消失,处理这种情况的方法就是有两种: 1.第一种在css里写个伪类,哪些地方需要清除浮动,直接调用类名。 .clearfix::...

    2019-12-22 16:00:40

  • vscode 同步扩展插件

    vscode 同步扩展插件 第一步: 在 VSCode 中,安装用于同步配置的插件 settings sync 第二步:将 VSCode 配置上传到 GitHub 完成这一步需要 GitHub token 和 GitHub gist 进入GitHub 设置界面 创建 GitHub token 在这里找到之前你上传 VSCode 配置的那个 token,点击进...

    2019-12-22 16:00:32

  • 前段

    前段 前段 HTML CSS JavaScript BOM和DOM jQuery BootStrap...

    2019-12-21 16:00:51

  • css重点知识和bug解决方法

    css重点知识和bug解决方法 1.图片向下撑大3像素问题 在一个盒子里面放一张图片,默认情况下,图片会向下撑大3像素,有以下几种解决方法: 1.1给图片添加display:block; 1.2给图片添加float:left; 1.3 给图片添加vertical-align:middle; 1.4 给他的父元素加font-size...

    2019-12-21 16:00:35

  • 漂亮的无序列表样式

    漂亮的无序列表样式 时间如流水,只能流去不流回! 点赞再看,养成习惯,这是您给我创作的动力! 本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform、WPF、ASP.NET Core等,亦有C++桌面相关的Qt Quick和Qt Widgets等,只分享自己熟悉...

    2019-12-20 16:01:11

  • 想要入行web前端要知道web前端的的基本工作职责

    想要入行web前端要知道web前端的的基本工作职责 入一行,要先知一行 ;我们来看看web前端开发职位 无论什么门派都要做到的一些基本工作职责 首先,你必须是一个合格的页面仔,这个叫法不好听,但很生动; 我们都知道,所有呈现的内容都是基于HTML 网页的。 如果你的htm...

    2019-12-20 16:00:58

  • 关于id与class的使用原则

    在前面的文章中小编为大家介绍过很多DIVCSS布局的技巧,但是当我们使用CSS控制网页布局时都会有个疑问,到底是使用id还是class呢?那么今天就让爱站小编为大家介绍关于id与class的使用原则。 id的使用原则 先来说说id,id具有唯一性,其使用原则也是依据这一特性建立的...

    2019-12-20 16:00:50

  • CSS怎么替换新的图像

    相信熟悉 css 的用户们都知道图像替换,图像替换是将文字替换成图片的技术,但是对于新手朋友们来说图像替换并不是那么的容易,那么你知道CSS怎么替换新的图像吗? 现存方法的缺点: 容易失效,例如:图像禁用或者替换图像含有透明区域; 过于复杂不能迅速可靠的执行;...

    2019-12-20 16:00:49

2