掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流
html5是萬維網(wǎng)的核心語言、標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改。css3特性(Class:CSS3)在不犧牲性能和語義結構的前提下，CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（WOFF）也提供了更高的靈活性和控制性。
通渭網(wǎng)站建設公司創(chuàng)新互聯(lián),通渭網(wǎng)站設計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為通渭成百上千提供企業(yè)網(wǎng)站建設服務。企業(yè)網(wǎng)站搭建\外貿網(wǎng)站制作要多少錢，請找那個售后服務好的通渭做網(wǎng)站的公司定做！
html+css繪制三角形主要運用border 將兩邊border顏色設為透明，將要顯示的三角形方向設為有顏色的，最后將寬高設為0即可實現(xiàn)
//CSS.sjx {width:0;height:0;border:50px solid transparent;border-left-color:greenyellow;}//HTML網(wǎng)頁經(jīng)常需要將div在屏幕中居中顯示，以下幾個常用的方法，都比較簡單。 水平居中直接加上
下面說兩種在屏幕正中（水平居中+垂直居中）的方法 ，放上示范的html代碼：
方法一：
div使用絕對布局，設置margin:auto;并設置top、left、right、bottom的值相等即可，不一定要都是0。
.main{
text-align: center; /*讓div內部文字居中*/
background-color: #fff;
border-radius: 20px;
width: 300px;
height: 350px;
margin: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
效果如圖：
方法二： 仍然是絕對布局，讓left和top都是50%，這在水平方向上讓div的最左與屏幕的最左相50%，垂直方向上一樣，所以再用transform向左（上）平移它自己寬度（高度）的50%，也就達到居中效果了，效果圖和上方相同。
.main{
text-align: center;
background-color: #fff;
border-radius: 20px;
width: 300px;
height: 350px;
position: absolute;
left: 50%; top: 50%;
transform: translate(-50%,-50%);
}
方法三： 對于水平居中，可以使用最簡單的
這個
標簽里的文字，可以使其居中。
由于center標簽已經(jīng)過時了，所以正規(guī)一點的話還是不建議使用的，可以使用如下的：
123
包括：直接在標簽內設置、在html內部定義style、和導入css文件三種。
導入css文件可以使用link標簽，或者@import關鍵字。
兩者區(qū)別（復制粘貼）：
1.從屬關系區(qū)別
@import是 CSS 提供的語法規(guī)則，只有導入樣式表的作用；link是HTML提供的標簽，不僅可以加載 CSS 文件，還可以定義 RSS、rel 連接屬性等。
2.加載順序區(qū)別
加載頁面時，link標簽引入的 CSS 被同時加載；@import引入的 CSS 將在頁面加載完畢后被加載。
3.兼容性區(qū)別
@import是 CSS2.1 才有的語法，故只可在 IE5+ 才能識別；link標簽作為 HTML 元素，不存在兼容性問題。
4.DOM可控性區(qū)別
可以通過 JS 操作 DOM ，插入link標簽來改變樣式；由于 DOM 方法是基于文檔的，無法使用@import的。
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網(wǎng)交流
微信二維碼
微信二維碼
移動版官網(wǎng)