1.今天學到了
1.css常用樣式的講解
父級>子級:nth-child(規(guī)律)
//可以指定子級做出改變
2.公共樣式
row:after{
content:"";
display:table;
clear:both}
center{
margin-left:auto;
margin-right:auto}
2.iframe
<iframe src="要插入的HTML" frameborder=“0” name=“frame”>
</iframe>
<a href="" target="frame"》</a>
2.CSS的常用樣式
2.1.邊框border-radius 可以將邊框設置為圓角
//border-radius:value 四個邊都會改變
可以單獨改變一邊
border-top-left-radius: value;
border-top-right-radius:value;
border-bottom-left-radius:value;
border-bottom-right-radius:value;
3.box-shadow可以給元素添加陰影
box-shadow: h-shadow v-shadow blur spread color inset;
*h-shadow*
//必需 水平陰影的位置罐脊。允許負值岳枷。
*v-shadow*
//必需。垂直陰影的位置。允許負值寇损。
*blur*
//可選。模糊距離列吼。
*spread*
//可選岭洲。陰影的尺寸。
*color*
//可選呼盆。陰影的顏色年扩。請參閱 CSS 顏色值。
inset
//可選访圃。將外部陰影 (outset) 改為內部陰影厨幻。
4。文字效果
//設置文字的陰影
text-shadow: h-shadow v-shadow blur color;
//用的不多腿时,但面試的時候碰到過
- text-overflow 文本溢出屬性指定如何顯示溢出內容
p{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
//white-space指定文字是否換行
}
2今天熟練了
父級>子級:nth-child(規(guī)律)
//可以指定子級做出改變
2.公共樣式
row:after{
content:"";
display:table;
clear:both}
center{
margin-left:auto;
margin-right:auto}
2.inframe
<inframe src="要插入的HTML" frameborder=“0” name=“frame”>
</iframe>
<a href="" target="frame"》</a>
CSS常用樣式
2.1.邊框border-radius 可以將邊框設置為圓角
//border-radius:value 四個邊都會改變
可以單獨改變一邊
border-top-left-radius: value;
border-top-right-radius:value;
border-bottom-left-radius:value;
border-bottom-right-radius:value;
3.box-shadow可以給元素添加陰影
box-shadow: h-shadow v-shadow blur spread color inset;
*h-shadow*
//必需 水平陰影的位置况脆。允許負值。
*v-shadow*
//必需批糟。垂直陰影的位置漠另。允許負值。
*blur*
//可選跃赚。模糊距離笆搓。
*spread*
//可選。陰影的尺寸纬傲。
*color*
//可選满败。陰影的顏色。請參閱 CSS 顏色值叹括。
inset
//可選算墨。將外部陰影 (outset) 改為內部陰影。
4汁雷。文字效果
//設置文字的陰影
text-shadow: h-shadow v-shadow blur color;
//用的不多净嘀,但面試的時候碰到過
- text-overflow 文本溢出屬性指定如何顯示溢出內容
p{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
//white-space指定文字是否換行
}
3.今天不懂的地方
沒有