平时整理的一些问题

原创 915268482 随笔 整理 201阅读 2019-02-27 09:24:01 举报

Hbuilder自动编译sass/scss方法
https://blog.csdn.net/chasteblessing/article/details/80430680

css截取单行:
white-space:nowrap; //文字不换行
overflow:hidden;
text-overflow:ellipsis;

css截取多行:
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2; // 截取行数
-webkit-box-orient: vertical;

改变输入框placeholder的颜色值:
::-webkit-input-placeholder { / WebKit browsers /
color: #999; }
:-moz-placeholder { / Mozilla Firefox 4 to 18 /
color: #999; }
::-moz-placeholder { / Mozilla Firefox 19+ /
color: #999; }
:-ms-input-placeholder { / Internet Explorer 10+ /
color: #999; }
input:focus::-webkit-input-placeholder{ color:#999; }

解决readonly在移动端仍会获得焦点弹起软键盘:
<input type="text" readonly=readonly unselectable="on" onofocus="this.blur()"/>

如何清除图片下方出现几像素的空白间隙?
1.img{display:block}
2.img{vertical-align:top}除了top值,还可以设置为text-top | middle | bottom | text-bottom
3.#test {font-size:0;line-heigth:0} #test为图片的父元素

如何让文本垂直对齐文本输入框?
input{vertical-align:middle}

如何让单行文本在容器内垂直居中?
test{height:25px;line-hieght:25px;} 只需设置文本的行高等于容器的高度即可

如何让多行文本在容器内垂直居中?
实现的关键是把文字当图片处理。用一个span标签将所有的文字封装起来,设置文字与图片相同的display属性(inline-block属性),然后用处理图片垂直居中的方式处理文字的垂直居中即可。
外部div标签:
div{display:table-cell; width:550px; height:1.14em; padding:0 0.1em; border:4px solid #beceeb; color:#069; font-size:10em; vertical-align:middle;}
内部span标签:
span{display:inline-block; font-size:0.1em; vertical-align:middle;}
注意点:1.外部div不能使用浮动

动画属性依次是 ,名称, 持续时间, 速度曲线, 延迟时间, 动画播放计数, 是否反方向播放动画;
例如,
animation: animationname 5s linear 2s infinite alternate;

/ 字体的阴影 /
text-shadow: 0 0 10px #fff,0 0 20px #eb4e81,0 0 30px #eb4e81,0 0 40px #eb4e81
/ 字体库引入 /
@font-face {
font-family: HYCSJ;
src: url(http://resource.diyibox.com/jd/activity/201904/font/汉仪长宋简.ttf),
}

如何在点文字时也选中复选框或单选框?
<input type="checkbox" id="chk1" name="chk" /><label for="chk1">选项一</label>
<input type="checkbox" id="chk2" name="chk" /><label for="chk2">选项二</label>
<input type="radio" id="rad1" name="rad" /><label for="rad1">选项一</label>
<input type="radio" id="rad2" name="rad" /><label for="rad2">选项二</label>
该方式所有主流浏览器都支持
<label><input type="checkbox" name="chk" />选项一</label>
<label><input type="checkbox" name="chk" />选项二</label>
<label><input type="radio" name="rad" />选项一</label>
<label><input type="radio" name="rad" />选项二</label>
该方式相比方法1更简洁,但IE6及更早浏览器不支持

①$("#test1").parent() // 父节点
②$("#test1").next() //下一个节点
③$("#test1").append('<div class="error_info"><span class="Validform_checktip"></span></div>'); //在节点内插入内容。
④匹配到指定的元素
$("#test1").parent().next().find(".error_info");

返回上一级目录:
onclick="history.go(-1)"

跳转到指定页面:
onclick="location.href='index.html'"

获取电脑公钥:
$ cd ~
$ cd .ssh/
$ cat id_rsa.pub

git clone ssh://git@git.delznet.com:10022/sharelr/test.git
git 克隆
branch test 创建test分支

git branch 查看分支

git checkout test 切换到test分支

vi README.md 更新文件内容

git add . git commit -m "css修改" 提交修改

git checkout master 发现主分支内容没有改变

git checkout -b test2 创建并切换到test2分支

git checkout -b dev origin/dev 本地从服务器上创建dev分支,并切换到dev

git merge test 把test分支更新的东西合并到的dev

git push
git config --list 查看git配置

git config --global user.name "gj" 更新用户名,显示每次提交的用户名
git status 查看改了什么

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复