• 18 2024-01 CSS

    css的position里的relative和absolute的区别

    position有以下属性:static、inherit、fixed、absolute、relative 前三个好理解好区分: static:是默认状态,没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。 inherit:从父元素继承 position......

  • 18 2024-01 CSS

    Css清楚浮动的几种常用方式

    在使用css布局当中,经常会用到使用浮动布局,但是浮动之后元素就会产生脱离文档流而浮动在页面上,导致父亲节点感应不到页面的高度产生高度坍塌而让后续的子节点被浮动的节点遮盖,这时就需要使用清除浮动让节点感应到浮动节点的高度方便布局。在清除浮动中可以使用一下发放实现清除浮动在清除浮动中常用的就是使用clear:both清除......

  • 18 2024-01 CSS

    几个常用的偏门css的样式

    ::-webkit-input-placeholderinput 的 H5 placeholder属性,很好用,但不能直接改这个文字颜色,所以目前的解决方法就是用::input-placeholder属性来改。小Tips: 配合 opacity 属性使用效果更佳哦!偏门却又实用的 CSS 样式::-webkit-inp......

  • 18 2024-01 CSS

    Css特点深入学习知识点

    简单来说,使用方式:内联、内嵌、外联、import。为元素设置样式的方式:元素标签名、类名、id、各种选择器,以及它们的组合。所以,它是很灵活的,如果不做任何的规范的限制,就肯定会导致css代码的混乱和难以维护。如何高效组织css代码?结构清晰、模块分明,合理的代码组织结构可提高代码的重用性和可维护性,降低开发复杂度。......

  • 18 2024-01 CSS

    前端CSS必须要学的基础

    一、移动端移动端还没有上车。先来总结一下三个基本的移动端开发特性:视口(viewport)、媒体查询(@media)和相对字体大小。1.1 视口(viewport)加上视口之后,页面将会自动裁剪成适合移动页面的大小。<meta name="viewport" content="wid......

  • 18 2024-01 CSS

    Css常用的排序方式权重分配

    排序方式:1、按类型 如,显示和浮动、定位、尺寸、字体等2、按字母 按字母顺序排列,优点是规则简单3、按定义长度 按照样式定义的字符长度排列各有优劣,实际应用中,推荐使用第一种。 但是如果单靠前端工程师在编写过程中这么做的话也是很难的,可以在写的过程中按照效率最高的方式写,提交代码时使用工具为css排序。既提高效率,又......

  • 18 2024-01 CSS

    CSS实现三角形制作方法

    相信大家在浏览网站的时候,经常看到各种下拉菜单,上面会有一个小小的三角形,实现这种三角形一般会想到是用图片或者iconfont实现,然而其实这种三角形除了用图片和iconfont, 用css也可以实现。制作三角形的做法,主要是利用边框做成的,观察以下代码:(可以专注红色部分代码)<!doctype html>......

  • 18 2024-01 CSS

    web前端开发企业级CSS常用命名

    企业开发css命名规范:常用命名标题: title摘要: summary箭头: arrow商标: label网站标志: logo转角/圆角: corner横幅广告: banner子菜单: subMenu搜索: search搜索框: searchBox登录: login登录条:loginbar工具条: toolbar下拉......

  • 18 2024-01 CSS

    解析CSS与HTML的区别以及CSS的简单介绍

    如果一个网页只是使用HTML代码进行编写。在默认情况下是没有任何样式可言的,就像我们盖好一幢楼,但是还没有装修那样,而HTML就相当于我们刚盖好楼的主体,而咱们开始学习的CSS就是装修,只不过CSS是针对HTML实现美化,当然不只是美化,还有布局。CSS 全称:Cascading Style Sheets中文翻译为层叠......

  • 18 2024-01 CSS

    CSS语言绘制几何平行四边形

    <div>click</div>.parallelogram {text-align: center;position: relative;}.parallelogram::before {transform: skew(-45deg);position: absolute;left: 0;ri......

在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码