原创 css+html導航條

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0

原创 原生js輸出直角三角形和金字塔效果

正立直角三角形 思路: 1:兩個for循環,外層for循環控制換行,裏層for循環控制每行輸出 2:外循環,每循環一次,輸出換行符,所以設置一個變量i,控制層數 代碼: for(var i=1;i<=5;i++){ document.

原创 float 屬性

float 屬性定義元素在哪個方向浮動。任何元素都可以浮動。浮動元素會生成一個塊級框,而不論它本身是何種元素。 如果子元素是浮動的是撐不開父元素的高度的。因此遇到此問題,可以給父級元素加overflow:hidden 常用於 1讓塊級元

原创 盒子模型

CSS盒模型本質上是一個盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實際內容。 Margin(外邊距) - 清除邊框外的區域,外邊距是透明的。(左右外邊距累加,上下外邊距取最大值) Border(邊框) - 圍繞在內邊

原创 行級元素 塊級元素 行內塊級元素

塊級元素 1:能設置寬高 2:獨佔一行,不和其他元素待在一行 常見元素:div,p,ul, li ,h1-h6 行級元素 1:不能設置寬高 2:可以和其他行級元素待在一行 常見元素:a,span,strong,em,u (塊級元素可以包

原创 九九乘法表

思路: 1:兩次for循環,外層循環控制換行,裏層循環控制每層的內容輸出 2:設圖層順序爲n ,每一層輸出:1*n,2*n......n*n   所以裏層for循環可以這樣寫 for(var j=1;j<=i;j++){ docu