1. 程式人生 > >專案中遇到的前端知識(1)

專案中遇到的前端知識(1)

1.calc():

作用:當我們需要自己自定義寬度的時候,我們需要一個表示式來告訴瀏覽器應該怎麼做

.iframe_div {
	position: relative;
	width: calc(100% - 10px);	//作用為父級的寬度再減去10px
	height: calc(100% - 60px);
	
}
這裡需要注意的是,運算子號兩邊需要就空格,否則不會識別.

這裡需要注意的是,運算子號兩邊需要就空格,否則不會識別.

input框點選變色

效果如下: 在這裡插入圖片描述

.input {
	width: 170px;
	height: 27px;
	margin-left: -8px;
	text-indent:
4px; border: 0.5px solid #76716E; //這裡我們把線寬設為0.5,太寬的話不好看 } input:focus { border-style: solid; border-color: #03a9f4; background: #F5FCFD; /* box-shadow: 0 0 15px #03a9f4; */ /*熒光效果 */ }

這周就先這樣吧,沒有總結多少,同志仍需努力啊