css教程

  • CSS+JS简单的底部浮动搜索框效果代码

    一段CSS+JS简单的底部浮动搜索框效果代码,实现PC移动端底部浮悬代码。CSS代码<style type="text/css">* {margin:0px; padiing:0px;}.login_alert{position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;}.login_alert_close{position:absolut...

    2周前
  • 禁止手机端输入文字时页面自动放大

    禁止手机端输入文字时页面自动放大

    安卓的精准像素不确定有没有这种效果,苹果浏览器是有这种浏览器输入文字就放大页面的效果。这种效果本质是放大页面让用户看得更清晰,但是有时候会改变页面布局就非常丑了。更不能忍的就是输入完成...

    203周前
  • IOS苹果浏览器按钮默认圆角的解决方法

    在开发手机端时,你会发现IOS苹果浏览器按钮默认圆角,如下图:解决方法很简单,在CSS样式头部加上下面这段代码,重置下默认无圆角就可以了。input{border-radius:0;-webkit-border-radius:0;}...

    183周前
  • IE不显示加载iconfont阿里巴巴图标的解决方法

    IE不显示加载iconfont阿里巴巴图标的解决方法

    iconfont图标是阿里出品的一款字体图标工具,不得不说非常好用,速度快,图标资源多,是国内程序员不可缺少的工具之一。官网:https://www.iconfont.cn/iconfont图标截图iconfont加载方法第一步:拷贝项目下...

    291个月前
  • CSS的引入加载方法

    本文将主要介绍引入CSS样式的方式,包括外部样式表、内部样式表和行间样式三种方式[注意]CSS语法非常简单,但容易忽略的一点是不能省略分号(最后一个样式除外)外部样式表在link标记中rel和href属性是必须的,type属性和media属性可省略<link rel="stylesh...

    91个月前
  • 回味CSS hack的几种常用写法

    随着浏览器版本越来越完善,现在前端开发使用到CSS hack的机会基本很少了,但是作为专业前端开发工程师,还是有必要了解CSS hack的,精准像素今天带大家回味下以往的CSS hack常用方法。什么是CSS hack由于不同的浏览器,甚至同一浏览器的不同版本对CSS的解析...

    1个月前
  • 如何正确的使用css选择器

    css选择符的概念,在之前的新手学习css优先级的开头部分也有提到,是指每一条样式规则中,描述把样式作用到哪些元素的部分,也即{}之前的部分。css选择符将确定后面的属性定义要作用到哪些元素,因此存在一个浏览器根据css选择符来应用样式到对应元素的匹配过...

    1个月前
  • CSS自定义变量方法

    今天找模板看到一个模板这段代码,很好奇,研究了下,分享给大家学习。:root { --blue: #0e0620; --white: #fff; --green: #2ccf6d;}body { color: var(--blue);}这段是CSS3的自定义变量的写法,搞了前端这么多年,还没遇到过,以前只知道LESS SASS支持变量...

    2个月前
  • @media自适应不同分辨率

    @media自适应不同分辨率

    @media是CSS中媒介语法,可以根据不同分辨率,执行不同的CSS样式,可以达到自适应不同分辨率终端的方法。下面精准像素分享一套自用的@media方法,已经应用了很多套模板,100%好用。@media使用方法在使用@m...

    152个月前
  • CSS3+JS页面loading过度跳转效果

    CSS3+JS页面loading过度跳转效果

    CSS3+JS页面loading过度跳转效果,字母跳动效果,具体效果如下图CSS3+JS页面loading过度跳转效果代码<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF...

    342个月前
上一页第(1/4)页下一页»