前端開發基礎

前端開發基礎

1.輸入兩個數字，分別在螢幕上輸出兩數之和、之差、之積、求商、取餘，

// 如：「兩數之和為：xx」，並且換行。
//prompt接收到的值是乙個字串型別
var x = prompt("請輸入："); // "10"
var y = prompt("請輸入："); // "20"
//需要將x和y轉化成數字型 parseint();將括號內的值轉換為整數型
var x1 = parseint(x); // x1 = 10;
var y1 = parseint(y); // y1 = 20;
document.write(x1+y1);
var x = parseint(prompt('請輸入：'));
var y = parseint(prompt('請輸入：'));
document.write(x + y);
// 2.使用者輸入乙個數字，根據該數字繪製出以其為半徑的圓形。
// prompt
var r = prompt("請輸入半徑："); //100
document.write("
");// 字串進行拼接
document.write("+
(2*r) + "px;height: " + (2*r) +
"px;border-radius: " + r +
"px;background-color:blue;'>
");// 3.使用者輸入姓名xx，在網頁上輸出」xx,welcome !」
var username = prompt("請輸入你的名字：");
document.write(username + ", welcome!");
//// 4.使用變數儲存以下***資訊，並列印輸出（我的品牌是xx，我的重量多少，
// 我的型別，我的**xx），說明它們應該屬於什麼型別
// 品牌（brand）：愛國者f928
// 重量（weight）：12.4
// 電池型別（type）：內建鋰電池
// **（price）：499
var brand = "愛國者f928";
var weight = 12.4;
var type = "內建鋰電池";
var price = 499;
document.write("我的品牌是：" + brand + ", 我的重量是：" + weight
+ ", 我的型別是：" + type + ", 我的**是：" + price);

前端開發CSS基礎

阿里雲大學 前端開發css基礎 層疊樣式表 英文全稱 cascading style sheets 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。c...

前端開發CSS基礎

層疊樣式表 英文全稱 cascading style sheets 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對網頁中元素位置的排版...

web前端開發（二） CSS基礎

目錄 一 css語法 二 css 樣式的三種引入方式 三 css選擇器 四 css 文字樣式與字型樣式 五 鏈結樣式與列表樣式 六 css背景 七 css盒子模型 八 css定位 css全稱為 層疊樣式表 cascading style sheets 它主要是用於定義html內容在瀏覽器內的顯示樣式...