1. IT分享知识网首页
  2. 开发框架
  3. CSS
  4. 第10页

中间件:

工具:

CSS

  • css内边距和外边距怎么设置_css line-height CSS

    css内边距和外边距怎么设置_css line-height

    css内边距和外边距怎么设置_css line-height1.概念clientHeight ：这个属性是只读属性，对于没有定义CSS或者内联布局盒子的元素为0，否则，它是元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距。clientHeight 可以通过CSS height +CSS

    2023-09-23
    174
  • html子绝父相_有父必有其子的意思「建议收藏」 CSS

    html子绝父相_有父必有其子的意思「建议收藏」

    html子绝父相_有父必有其子的意思「建议收藏」关于CSS中的定位使用子绝父相（子类绝对位置和父类相对位置）欢迎转发，但是请填写原博客地址https://www.cnblogs.com/JNovice/p/9536910.html前言：最近在学习JavaWeb前端的CSS，关于CSS中的定位有时候可能会使用到子绝父相，由于本人的水平有限如果有

    2023-09-21
    263
  • html css分别是什么单位,CSS的deg是什么单位？ CSS

    html css分别是什么单位,CSS的deg是什么单位？

    html css分别是什么单位,CSS的deg是什么单位？deg是CSS中的一个角度单位，表示度(Degress)，一个圆共360度。下面本篇文章就来给大家简单介绍一下，希望对大家有所帮助。在CSS中角度单位有：度(deg)、梯度(grad)、弧度(rad)。无论如何声明，这些值都会解释为0~360范围内的度数。如：-90deg=270deg。各角度值之间的转换：90deg=100grad=0.25turn≈1.570796326794897…_htmldeg

    2023-09-18
    264
  • CSS文本换行 CSS

    CSS文本换行

    CSS文本换行CSS文本换行处理一、文本基本属性white-space:normal|pre|nowrap|pre-wrap|pre-line|inherit;规定段落中的文本如何换行normal：默认。空白会被浏览器忽略。pre：空白会被浏览器保留。其行为方式类似HTML中的<pre>标签。nowrap：文本不会换行，文本会在在同一行上继续，直到遇到<br>标签为止。Pre-wrap:：保留空白符序列，但是正常地进行换行。Pre-l

    2023-09-16
    313
  • 前端面试题 | HTML5新特性有哪些？CSS3新特性有哪些？ CSS

    前端面试题 | HTML5新特性有哪些？CSS3新特性有哪些？

    前端面试题 | HTML5新特性有哪些？CSS3新特性有哪些？必会面试题

    2023-09-13
    220
  • css选择器querySelectorAll CSS

    css选择器querySelectorAll

    css选择器querySelectorAll*querySelectorAll(css的选择器)*通过css的选择器获取到的一组元素*获取的也是类数组**主语*document从整个页面去获取一组元素*父级从父级下去获取一组元素<!DOCTYPEhtml><htmllang=”en”><head>&lt…

    2023-09-11
    221
  • HTML CSS3阴影属性 CSS

    HTML CSS3阴影属性

    HTML CSS3阴影属性css3阴影1、文本阴影属性：text-shadow:10px10px10pxred;注：第一个值：水平方向的距离（必须有的：支持负值）第二个值：垂直方向的距离（必须有的：支持负值）第三个值：阴影的模糊程度（不支持负值）第四个值：阴影的颜色第一个值和第二个值得位置不能互换；例：span{w…

    2023-08-31
    198
  • 超级好看的CSS渐变色，多种样式可选「终于解决」 CSS

    超级好看的CSS渐变色，多种样式可选「终于解决」

    超级好看的CSS渐变色，多种样式可选「终于解决」有时候写CSS时想加一个炫酷的渐变色，可是怎么配才好看呢？给大家推荐一个国产配色网站，各种好看的配色方案，渐变色，让网站更加的炫酷好看！网站地址毒蘑菇配色

    2023-08-25
    248
  • CSS换行设置 white-space , word-break , overflow-wrap(原名word-wrap) , hyphens连字符 , text-overflow[通俗易懂] CSS

    CSS换行设置 white-space , word-break , overflow-wrap(原名word-wrap) , hyphens连字符 , text-overflow[通俗易懂]

    CSS换行设置 white-space , word-break , overflow-wrap(原名word-wrap) , hyphens连字符 , text-overflow[通俗易懂]word-wrap属性原本属于微软的一个私有属性，在CSS3现在的文本规范草案中已经被重名为overflow-wrap。对于non-CJK(CJK指中文/日文/韩文)文本，可在任意字符间断行。word-wrap现在被当作overflow-wrap的“别名”。CJK文本不断行。Non-CJK文本表现同normal。…

    2023-08-19
    197
  • CSS3实现模糊背景的三种效果「终于解决」 CSS

    CSS3实现模糊背景的三种效果「终于解决」

    CSS3实现模糊背景的三种效果「终于解决」不开头了，直接进入主题。普通背景模糊效果如下：使用属性：filter:(2px)普通背景模糊为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是说无法达到这个效果。怎么办呢？我们可以使用伪元素，这样我们也顺便解决了白边的问题。实现思路：在父容器中设置背景，并且使用相对定位，方便伪元素重叠。而在:after中只需要继承背景，并且设置模糊，绝对定位

    2023-08-16
    208
  • vue脚手架安装scss/sass「终于解决」 CSS

    vue脚手架安装scss/sass「终于解决」

    vue脚手架安装scss/sass「终于解决」vue脚手架安装scss/sass今天尝试vue脚手架安装scss/sass，但是还是有写懵sass-loader依赖于node-sass,所以要安装node-sassnpminstallnode-sasssave-dev//安装node-sassnpminstallsass-loadersave-dev//安装依赖包sass-loadernpminstallstyle-loadersave-dev//安装styl

    2023-08-11
    209
  • css 超出隐藏滚动条_CSS 实现滚动条隐藏「终于解决」 CSS

    css 超出隐藏滚动条_CSS 实现滚动条隐藏「终于解决」

    css 超出隐藏滚动条_CSS 实现滚动条隐藏「终于解决」在很多时候，滚动条的出现会严重影响我们的UI，虽然使用JS可以轻松解决，但难免杀鸡焉用牛刀。其实使用CSS可以解决大多数问题。实现早期为了提升移动端浏览器的原生体验，专门为此提供了支持，我们可以通过伪对象选择器-webkit-scrollbar轻松实现，但仅限于采用webkit内核，如ChromeSafari。在PC端兼容问题就出现了。.element::-webkit-sc…

    2023-08-11
    216
  • css背景色渐变详解[通俗易懂] CSS

    css背景色渐变详解[通俗易懂]

    css背景色渐变详解[通俗易懂]demo下载地址：http://download.csdn.net/download/tjcyjd/8468581直接把代码贴出来，如下： .linear{width:100%;height:auto;FILTER:progid:DXImageTransform.Microsoft.Gradient(gradien

    2023-08-10
    251
  • 16种CSS水平垂直居中方法[通俗易懂] CSS

    16种CSS水平垂直居中方法[通俗易懂]

    16种CSS水平垂直居中方法[通俗易懂]16种css水平垂直居中方法以及应用（文字、图片）一、垂直居中1、行内元素基本思想：单行文本子元素line-height值为父元素height值.parent{height:200px;}.son{line-height:200px;}2、块级元素2.1行内块级元素基本思想：元素是行内块级，使用display:inline-block,vertical-align:middle+伪元素处于容器中央兼容性：支持IE7.parent::afte

    2023-08-10
    272
  • CSS3 多媒体查询[亲测有效] CSS

    CSS3 多媒体查询[亲测有效]

    CSS3 多媒体查询[亲测有效]@media 规则在CSS2中有介绍，针对不同媒体类型可以定制不同的样式规则。例如：你可以针对不同的媒体类型(包括显示器、便携设备、电视机，等等)设置不同的样式规则。但是这些多媒体类型在很多设备上支持还不多媒体查询语法多媒体查询由多种媒体组成，可以包含一个或多个表达式，表达式根据条件是否成立返回true或false。@medianot|onlymediatype…

    2023-08-03
    280
  • js 打印（JavaScript 打印 CSS样式）[通俗易懂] CSS

    js 打印（JavaScript 打印 CSS样式）[通俗易懂]

    js 打印（JavaScript 打印 CSS样式）[通俗易懂]首先要下载：jquery.jqprint-0.3.jsjquery-migrate-1.2.1.min.js上面两个，我的资源里面都有主要是使用jquery.jqprint-0.3.jsjquery-migrate-1.2.1.min.js是因为juqery版本兼容问题，会报错Cannotreadproperty’opera’ofundefined问题，加入迁移辅助插件jquery-migrate-1.2.1.min.js可解决问题注意：打印table的时候一定要把css写成行

    2023-08-03
    253
  • css粘性定位position：sticky问题采坑「建议收藏」 CSS

    css粘性定位position：sticky问题采坑「建议收藏」

    css粘性定位position：sticky问题采坑「建议收藏」前言：position:sticky是css定位新增属性；可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。使用：#sticky-nav{position…

    2023-07-27
    426
  • 改变鼠标样式图片css[亲测有效] CSS

    改变鼠标样式图片css[亲测有效]

    改变鼠标样式图片css[亲测有效]你需要一张图 .ico的格式 如果一开始你要解决的是怎么去用png格式图片转成ICO格式先做一张32*32的PNG格式图片然后打开http://www.easyicon.net/covert/ 网站转成ICO格式然后就是CSS了  放图片到你网站上 记住引用的路径要对打开F12去看看路径对不对*{cursor:url

    2023-07-26
    333
  • CSS入门学习笔记+案例[亲测有效] CSS

    CSS入门学习笔记+案例[亲测有效]

    CSS入门学习笔记+案例[亲测有效]CSS入门学习一、CSS简介1、什么是CSSCSS：CascadingStyleSheet层叠样式表是一组样式设置的规则，用于控制页面的外观样式2、为什么使用CSS实现内容与样式的分离，便于团队开发样式复用，便于网站的后期维护页面的精确控制，让页面更精美3、CSS作用页面外观美化布局和定位二、基本用法1、CSS语法<head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style>&l

    2023-07-23
    229
  • CSS伪类实现圆弧「终于解决」 CSS

    CSS伪类实现圆弧「终于解决」

    CSS伪类实现圆弧「终于解决」CSS伪类实现平滑圆弧在移动端布局时，经常会见到边框圆弧效果，见如下效果图：为了达到更好的效果，经常会用伪类实现HTML结构：<divclass=”box”></div>CSS样式：.box{position:relative;width:300px;height:100px;z…

    2023-07-21
    236
关注微信