css核心技術 筆記

2021-07-11 20:19:56 字數 1271 閱讀 6065

float

position

line-height

垂直居中和水平居中的排列

滑動門float:讓原來的元素,可以脫離正常的文件流,實現左右排列,不設定寬度最小寬度。

有4個div(塊極元素)

運動軌跡

float.html

divposition:

relative:即使偏移,位置還在。實際就是靠近最近的元素進行偏移,不分定位。

absolute:

偏移了,位置就沒了。靠最近的元素是relative/absolute定位的進行偏移。

fixed:

相對於瀏覽器,沒有任何依賴感。ie6不支援。

隨著瀏覽器滾動,會跟著你滾動。

line-height:行間距

normal:預設。設定合理的行間距。

number:設定數字,此數字會與當前的字型尺寸相承來設定行間距。line-height:2; = line-height:32px; = line-height:200%;

length:設定固定的行間距。如果只有一行字,比如設定height:100px; line-height:100px;即可讓這行字居中。

%:基於當前字型尺寸的百分比行間距。

inherit:規定應該從父元素繼承line-height屬性的值。

垂直居中:

height:300px;

line-height:300px;

缺點:多行文字會擠出區域。

水平居中:

text-align:center;

將div水平居中:

margin-left:auto;

margin-right:auto;

模擬table

.outer-div

.inner-div

寬度不生效。跟原來的table一樣width不生效。

img width=270 height=「127」

如何水平居中?

父元素裡設定text-align:center;

div如何垂直居中?

position:absolute;

top:50%;

left:50%;

到這一步只有左上角的點垂直居中水平居中/

margin-left:-200px; //當前寬度的一半

margin-top:-200px; //當前高度的一半

position:relative;

top:-50%;

left:-50%;

html調色原理

Java核心技術 筆記6 7

1 repeat 10 0 system.out.println hello world 要接受此lambda表示式,需要提供函式式介面 public static void repeat int n runnable action action.run 會執行lambda表示式主體 2.不止乙個函...

Java核心技術 筆記6 8

1.區域性內部類中,若只建立乙個類的物件 只用了一次 就不用命名了,即 匿名內部類 public void start int interval,boolean beep timer t new timer interval listener t.start 0 形式即 new supertype ...

Java核心技術 筆記7 1

1.異常物件都是派生於 throwable 類的乙個例項 非受查異常 error層描述內部錯誤 和 資源耗盡錯誤 由程式導致的異常屬於runtimeexception 受查異常 程式本身沒有問題,執行時產生的錯誤 如io,取決於環境而非 屬於其他異常 2.用throws宣告異常 不宣告error異常...