CSS
八九燕来
这个作者很懒,什么都没留下…
展开
-
python用值动态创建变量以实现高亮当前标签
通过动态定义变量名称来实现高亮当前标签原创 2022-07-16 10:19:49 · 323 阅读 · 0 评论 -
手机、网页滚动图片
https://www.swiper.com.cn/usage/index.html转载 2019-10-23 08:48:40 · 455 阅读 · 0 评论 -
glyphicon 字体在 bootstrap4 中默认不支持了
因为glyphicon是收费的,以前在bootstrap里面是可以免费使用的,但是到了bootstrap4之后,也不再提供了。所以在bootstrap4要使用glyphicon字体需要额外的引用一个css文件。文件的结构如下:glyphicon.css:@font-face { font-family: 'Glyphicons Halflings'; src: url('../fo...原创 2019-09-18 10:00:58 · 3902 阅读 · 0 评论 -
网页向下滚动的时候页面元素向上跳动一下
有几个文件参与,首先要有jquery要有控制动画的js函数animate.js: function getTop(Id){ var obj = document.getElementById(Id); return obj.getBoundingClientRect().top; } functi...原创 2019-07-19 15:15:57 · 1035 阅读 · 0 评论 -
使用 Sass 编写 css
1、首先下载并安装Ruby2、在cmd下运行gem install sass3、可以通过一些命令使用sass了在命令行中运行 Sass:sass input.scss output.css监视单个 Sass 文件,每次修改并保存时自动编译:sass --watch input.scss:output.css监视整个文件夹:sass --watch app/sass:public...原创 2019-07-06 09:01:23 · 813 阅读 · 0 评论 -
jQuery根据data-的值来找到引用的元素
<html><head><title></title><style> #left{ height:500px; width:20%; float:left; border-top:1px solid blue; } #list{margin:0...原创 2018-05-05 08:26:21 · 20124 阅读 · 0 评论 -
yii2 表单 ActiveForm->field 方法设置自定义CSS的方法
<?= $form->field($userRole, 'userid', ['options' =>['class' => 'bigDiv'] ])->textInput(['placeholder'=> 'ccc', 'class'=> 'inputSelf', 'maxlength' => true, 'value' => $user-&...原创 2018-04-13 09:40:59 · 6061 阅读 · 0 评论 -
html中使用js+css使导航条(页面的一部分)在随页面滚动到顶部的时候停留在窗口边缘
<!DOCTYPE html><html lang=zh-cn><head><meta charset=utf-8><title>一个不带CSS样式的HTML5布局</title><meta name=description content=一个不带CSS样式的HTML5布局><meta原创 2018-03-24 16:37:38 · 6036 阅读 · 1 评论 -
绝对定位元素的水平和垂直居中
我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中,实际上,实现垂直居中仅需要声明元素高度和下面的CSS:.Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width:600px;...原创 2018-03-13 10:07:10 · 310 阅读 · 0 评论 -
css实现块级元素水平和垂直居中
<!DOCTYPE html> <html lang=zh-cn> <head> <meta charset=utf-8> <title>CSS实现块级元素水平垂直居中</title> <meta name=description content=CSS实现块级元素水平垂直居中> <meta name=author content=Roc>原创 2018-01-02 09:36:24 · 700 阅读 · 0 评论 -
类似a:hover的伪类的注解
a:link { font-size: 14pt; text-decoration: underline; color: blue; } /*设置a对象在未被访问前的样式表属性。*/a:hover { font-size: 14pt; text-decoration: underline; color: blue; } /*设置对象在其鼠标悬停时的样式表属性。*/a:active原创 2009-12-01 15:35:00 · 506 阅读 · 0 评论