所屬章節(jié)課程:HTML中常用的標(biāo)籤及屬性(超連結(jié))
網(wǎng)頁頭部 a{text-decoration:none;color: #000; } /* 設(shè)置a便簽顏色*/ a:hover{color: red;text-decoration: underline;}/*增加啊鏈接鼠標(biāo)懸浮文字變成紅色并且增加下劃線*/ div{height: 1200px;background: pink;width: 400px;} /*設(shè)置div盒子的高度寬度 并增加 pink紅色屬性*/ 小陳好帥 真的很帥 我是大魔王 php中文網(wǎng) 回到頂部
2023-03-240個(gè)贊
所屬章節(jié)課程:HTML中常用的標(biāo)籤及屬性(清單)
有序列表無序列表學(xué)習(xí) ul li{list-style:none; height: 80px; width:500px; border: 1px solid #ccc; /* margin: 5px 0px; */text-align:center;line-height: 40px; }/*去除無序列表的圓點(diǎn),list-style:none清除前面屬性的歷史,border邊框線大小 solid增加顏色 margin拉開上下間距 text-align:center文字橫向居中 line-height: 40px;文字豎向同高度*/ /* ul li{list-style: url(images/tb.PNG);} *//*這個(gè)方法有弊端無法更改列表前面的間距屬性屬性*/ ul li:before{content: url(images/tb.PNG); margin-right: 30px;} /* before在列表前...增加操作 margin-right: 向右調(diào)整30的間距 */ ul li:after{content: url(images/tb.PNG);} /* after在列表后...增加操作 */ html+css js jq vue 小陳 小黎 小漲 小鵬
有序列表無序列表學(xué)習(xí) ul li{list-style:none; height: 80px; width:500px; border: 1px solid #ccc; /* margin: 5px 0px; */text-align:center;line-height: 40px; }/*去除無序列表的圓點(diǎn),list-style:none清除前面屬性的歷史,border邊框線大小 solid增加顏色 margin拉開上下間距 text-align:center文字橫向居中 line-height: 40px;文字豎向同高度*/ /* ul li{list-style: url(images/tb.PNG);} *//*這個(gè)方法有弊端無法更改列表前面的間距屬性屬性*/ ul li:before{content: url(images/tb.PNG); margin-right: 30px;} /* before在列表前...增加操作 margin-right: 向右調(diào)整30的間距 */ ul li:after{content: url(images/tb.PNG);} /* after在列表后...增加操作 */ html+css js jq vue 小陳 小黎 小漲 小鵬
2023-03-240個(gè)贊
所屬章節(jié)課程:HTML中常用的標(biāo)籤及屬性(form表單)
form表單學(xué)習(xí) input{height: 8px; width: 258px; border: 1px solid #ccc; margin-top: 20px;padding: 20px;} /* 設(shè)置表單的高度寬度,邊框大小以及顏色和間距 */ button{height: 50px; width: 300px; margin-top: 20px; background: #FF6A00;border: none; color: #fff;} /* 設(shè)置按鈕高度寬度上間距,background按鈕框顏色border: none;去除按鈕自帶的邊框樣式 color設(shè)置按鈕字體顏色為白色*/ 登錄
2023-03-240個(gè)贊
所屬章節(jié)課程:HTML中常用的標(biāo)籤及屬性(表格)
表格學(xué)習(xí) table{ border: 1px solid #ccc; border-collapse:collapse; } tr th{height: 200px;border: 1px solid #ccc;width: 100px;} tr td{height: 200px;border: 1px solid #ccc;width: 100px;} 1 2 3 4 5 合并列 合并行
2023-03-240個(gè)贊
css基礎(chǔ)學(xué)習(xí)1 p{color: red} #box{background: blue; width: 50px; height: 200px;} .box1{background: red; width: 2000px; height: 200px;} p i{ font-weight: bold;font-size: 60px; } /* font-weight: bold字體加粗font-size:字體大小*/ a[ href="#"]{color: red} a[ href="http://ipnx.cn/code/36423.html"]{color: blue} 我是小陳呀</p> <p>我是css是的沒錯(cuò)嗯</p> 我是css是的沒錯(cuò)嗯 鏈接1 鏈接2
2023-03-250個(gè)贊
css基礎(chǔ)學(xué)習(xí)2(盒子模型) *{padding: 0px;margin: 0px;} /* 頁面邊距清零 */ #box{width: 200px; height: 200px; background: red; margin: 20px 20px 20px 20px;} .box1{padding: 20px 20px 20px 20px; background: blue;} } padding hahahaha
2023-03-250個(gè)贊
css基礎(chǔ)學(xué)習(xí)2(盒子模型) *{padding: 0px;margin: 0px;} /* 頁面邊距清零 */ #box{width: 200px; height: 200px; border:5px solid; background:red;margin:20px; padding: 30px; border-top: 10px double blue;} /* 設(shè)置box盒子的邊框線為5個(gè)像素點(diǎn) solid設(shè)置邊框線為實(shí)線,設(shè)置內(nèi)容為紅色 margin設(shè)置外邊距為20個(gè)像素點(diǎn) padding內(nèi)邊距為30個(gè)像素點(diǎn) border-top設(shè)置上邊框線為10個(gè)像素點(diǎn)的雙線并且線的眼神為紅色 */ #box1{width: 200px; height: 200px; border:5px double; background:blue;margin:20px; padding: 30px; border-left: 10px dashed green;} #box2{width: 200px; height: 200px; border:5px dashed; background:green;margin:20px; padding: 30px; border-right: 10px dotted yellow;} .box3{width: 200px; height: 200px; border:5px dotted; background:yellow;margin:20px; padding: 30px; border-bottom: 10px solid red;} button{border: none;} /* button去除按鈕元素自帶的邊框線 */ .box4{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px;} .box5{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px; box-shadow: 10px 5px 3px green} .box6{width: 200px; height: 200px; border:5px dotted; background:black;margin:20px; padding: 30px; border-bottom: 10px solid red; border-radius: 200px; box-shadow: 0px 10px 20px green inset;} solid實(shí)線 double雙線 dashed虛線線 dotted點(diǎn)狀虛線虛線 登錄 dotted點(diǎn)狀虛線虛線的圓形盒子 dotted點(diǎn)狀虛線虛線的圓形向外帶陰影的盒子 dotted點(diǎn)狀虛線虛線的圓形向內(nèi)的帶陰影的盒子
2023-03-250個(gè)贊
css基礎(chǔ)學(xué)習(xí)4css背景 *{padding: 0px;margin: 0px;} body{ background-image: url(images/tb.PNG); background-repeat: no-repeat; background-position: 300px 400px;} /* background-repeat: no-repeat; f防止背景圖片平鋪 */ /* div{width:70px;height: 40px; background-image: url(images/tb.PNG);background-position: 0px 0px;background-repeat: no-repeat;} */ #box{ width: 1000px; height:1000px; background: url(images/tb.PNG) no-repeat center top ;}
2023-03-250個(gè)贊
所屬章節(jié)課程:區(qū)塊級(jí)元素和行內(nèi)元素相互轉(zhuǎn)換
css基礎(chǔ)學(xué)習(xí)4css背景 .box{width: 100px;height: 40px; background-color: #ccc;line-height: 40px;text-align: center;} .main{width: 100px;height: 100px; background-color: red;line-height: 100px;text-align: center; display: none;} .box:hover .main{display: black;} 導(dǎo)航 內(nèi)容
2023-03-250個(gè)贊
css基礎(chǔ)學(xué)習(xí)6css浮動(dòng) ul li{ list-style: none; width: 100px; height: 40px; line-height: 40px;/* 設(shè)置文字行間的距離(行高)為40 */ text-align:center; /*文本居中*/ background-color: #ccc;/* 背景顏色為#ccc*/ margin: 5px 5px; /* 外邊框上下間距為5,左右邊距為5 */ float: left;; /*向左浮動(dòng)*/ } div{ width: 200px; height: 200px; background-color: pink; float: right;; /*向右浮動(dòng)*/ line-height: 200px;/* 設(shè)置文字行間的距離(行高)為40 */ text-align:center; /*文本居中*/ margin: 5px 5px; /* 外邊框上下間距為5,左右邊距為5 */ } .clear{ clear: both;/* 清除浮動(dòng) */ } html css h5 css3 js jq 小陳1 小陳2 小陳2 小陳2 小陳2
2023-03-260個(gè)贊
淘寶導(dǎo)航 *{ padding: 0px;margin: 0px; } /* padding 簡寫屬性在一個(gè)聲明中設(shè)置所有填充屬性。 padding: 0px;聲明當(dāng)前頁面的一個(gè)內(nèi)邊距為0 margin簡寫屬性在一個(gè)聲明中設(shè)置所有外邊距屬性 margin: 0px;明當(dāng)前頁面的一個(gè)外邊距為0 */ .header{ width: 100%;/* 寬度撐滿 */ background-color: #F5F5F5; /* 設(shè)置背景顏色 */ height: 40px; } .header-content{ width: 1200px; margin: 0px auto; /* margin: 0px auto 聲明上下邊距為0 左右邊距水平居中 */ line-height: 40px; /* line-height 屬性設(shè)置行間的距離(行高)為40個(gè)像素點(diǎn) */ } .header-content a:hover{ color:#F22E00; /* hover color:#F22E00在鼠標(biāo)移到鏈接上時(shí)添加紅色屬性 */ } .header-left{ width: 320px; height: 40px; float: left; /* 盒子向左浮動(dòng) */ } .header-left a{margin-right:5px;} .header-right{ width: 700px; height: 40px; /* background-color: green; */ float: right;/* 盒子向右浮動(dòng) */ } .header-right a{ margin-right:10px; } .header-right a:hover{ color:#F22E00; /* hover color:#F22E00在鼠標(biāo)移到鏈接上時(shí)添加紅色屬性 */ } .clear{ clear: both; /* 不允許浮動(dòng)的元素: */ } a{ text-decoration: none; /* 不允許文本裝飾 */ color: #ccc; font-size: 13px;font-size /* 屬性用于設(shè)置字體大小為13 */ } .header_a{ display: inline-block;/* 讓元素具有寬度高度特性,又具有同行特性 */ height: 40px; width: 90px; /* background-color: red; */ text-align: center; /* 文本文字居中 */ } .header_a:hover{background-color:#fff;} 中國大陸 親,請(qǐng)登錄 免費(fèi)注冊(cè) 手機(jī)逛淘寶 我的淘寶 購物車 收藏夾 商品分類 賣家中心 聯(lián)系服 網(wǎng)站導(dǎo)航
2023-03-270個(gè)贊
我是一級(jí)標(biāo)題 ========== 我是二級(jí)標(biāo)題 ---------- # 1111 ## 2222 ### 333 #### 444 ##### 555 ###### 666 *我是斜體* _我也是斜體_ **我是粗體** __我也是粗體__ ***我又粗又斜體*** ___我也是___ *** * * * ***** - - - -------- ~~刪除了~~ 下劃線 * 1 * 2 * 3 + 1 + 2 + 3 - 1 - 2 - 3 1. wsad 2. das 3. sadasd 1. 第一項(xiàng): - 第一項(xiàng)嵌套的第一個(gè)元素 - 第一項(xiàng)嵌套的第二個(gè)元素 2. 第二項(xiàng): - 第二項(xiàng)嵌套的第一個(gè)元素 - 第二項(xiàng)嵌套的第二個(gè)元素 > 區(qū)塊引用 > 菜鳥教程 > 學(xué)的不僅是技術(shù)更是夢想 > 最外層 > > 第一層嵌套 > > > 第二層嵌套 > 區(qū)塊中使用列表 > 1. 第一項(xiàng) > 2. 第二項(xiàng) > + 第一項(xiàng) > + 第二項(xiàng) > + 第三項(xiàng) * 第一項(xiàng) > 菜鳥教程 > 學(xué)的不僅是技術(shù)更是夢想 * 第二項(xiàng) `printf()` 函數(shù)   這個(gè)鏈接用 1 作為網(wǎng)址變量 [RUNOOB][1]. 然后在文檔的結(jié)尾為變量賦值(網(wǎng)址) [1]: http://static.runoob.com/images/runoob-logo.png | 表頭 | 表頭 | 表頭 | 表頭 | | ---- | ---- | ---- | ---- | | 單元格 | 單元格 | 單元格 | 單元格 | | 單元格 | 單元格 | | 單元格 | 單元格 | | 左對(duì)齊 | 右對(duì)齊 | 居中對(duì)齊 | | :-----| ----: | :----: | | 單元格 | 單元格 | 單元格 | | 單元格 | 單元格 | 單元格 |
2023-03-280個(gè)贊
我是{{ xiaochne }} {{ num/5 }} {{ num*5 }} {{ number*num }} {{ number/num }} {{ button }} {{ button }} {{ num==50?'等于':'不等于' }} export default{ data(){ return{ xiaochne : "小陳", num:100, number:10, button:"點(diǎn)擊我觸發(fā)點(diǎn)擊事件", } }, //js方法寫到methodes //選項(xiàng)api里面有 name,data,methods,computed,components,props //組合api:setup methods: { fun(){ alert(111); } }, } .red{ color:red; }
2023-05-070個(gè)贊
我是{{ xiaochen }} {{ num/5 }} {{ num*5 }} {{ number*num }} {{ number/num }} 把input框的值改為小不點(diǎn) 把input框的值改為小布丁 {{ num==50?'等于':'不等于' }} 我是{{ xiaochen }} {{ htnlcode }} 跳轉(zhuǎn)到百度 {{ texturl }} {{ url }} 修改鏈接地址為tp官網(wǎng) 修改鏈接地址為nodejs官網(wǎng) export default{ data(){ return{ xiaochen : "小陳", num:100, number:10, button:"點(diǎn)擊我觸發(fā)點(diǎn)擊事件", // button1:"修改小綠", // button2:"修改小紅", htnlcode:"大蘇", url:"https://www.baidu.com/", texturl:"百度網(wǎng)", } }, //js方法寫到methodes //選項(xiàng)api里面有 name,data,methods,computed,components,props //組合api:setup methods: { fun(e){ //alert(111); if(e==1){ this.xiaochen='小不點(diǎn)'; }else{ this.xiaochen='小不丁'; } }, funurl(e){ //alert(111); if(e==1){ this.url='https://www.thinkphp.cn/'; this.texturl='thikphp官網(wǎng)'; }else{ this.url='https://nodejs.org/en'; this.texturl='nodejs官網(wǎng)'; } } }, } .red{ color:red; }
2023-05-070個(gè)贊
列表-{{ item }} 列表-{{ item }}-{{ key }} 1,遍歷對(duì)象 列表-{{ item }}-{{ key }}-{{ index }} 2,遍歷二維數(shù)組 列表-{{ item }}-{{ key }}-{{ index }} 2.1使用二維三三維數(shù)組的時(shí)候數(shù)據(jù)最好成對(duì)象這樣才能使用下標(biāo) 姓名:{{ item.name }} 年齡:{{ item.age }}-{{ key }}-{{ index }} 2.3三維數(shù)組 姓名:{{ item.name }} 年齡:{{ item.age }}-{{ key }}-{{ index }}-熱愛 {{ items }} export default{ data(){ return{ arr:[1,2,3], myObject: { 1: 'How to do lists in Vue', 2: 'Jane Doe', 3: '2016-04-10' }, array: [ [ 1, 2 ], [ 3, 4 ], [ 5, 6 ], ], array1: [ { name: "歐陽克", age: "38歲", }, { name: "朱天蓬", age: "48歲", }, { name: "滅絕師太", age: "18歲", }, { name: "西門大官人", age: "28歲", } ], array2: [ { name: "歐陽克", age: "38歲", like:['js','html','vue'] }, { name: "朱天蓬", age: "48歲", like:['php','yii','thinkphp'] }, { name: "滅絕師太", age: "18歲", like:['nodejs','boostapr','layui'] }, { name: "西門大官人", age: "28歲", like:['liux','win10','https'] } ] } }, methods: { }, }
2023-05-080個(gè)贊