c3常用樣式

1.iframe標(biāo)簽

//使用iframe 

   iframe的name值要和a的target值相同

   <iframe> 標(biāo)簽規(guī)定一個內(nèi)聯(lián)框架。

  一個內(nèi)聯(lián)框架用來在當(dāng)前 HTML 文檔中嵌入另一個HTML文檔

  <iframe src="我的.html" frameborder="0" name="frame"></iframe>

  <a href="test01.html" target="frame">test</a>

2.css3常用樣式的講解

1.邊框border-radius 可以將邊框設(shè)置為圓角

  border-radius:value 四個邊都會改變

  可以單獨改變一邊:
             border-top-left-radius: value;

             border-top-right-radius:value;

             border-bottom-left-radius:value;

             border-bottom-right-radius:value;

2.box-shadow可以給元素添加陰影

  box-shadow: h-shadow v-shadow blur spread color inset;

  h-shadow
  必需 水平陰影的位置。允許負值。

  v-shadow
  必需 垂直陰影的位置。允許負值。

  blur
  可選 模糊距離。(值越大越模糊)

  spread
  可選 陰影的尺寸。

  color
  可選 陰影的顏色。

  inset
  可選 將外部陰影 (outset) 改為內(nèi)部陰影。

3.text-shadow文字效果

 //設(shè)置文字的陰影
 text-shadow: h-shadow v-shadow blur color;

 text-overflow 文本溢出屬性指定如何顯示溢出內(nèi)容

 p{
     overflow: hidden;
     text-overflow: ellipsis;         //溢出部分已省略號結(jié)尾
     white-space:nowrap;             //white-space指定文字是否換行
   }

 關(guān)鍵字:text-overflow:ellipsis
 語法:text-overflow : clip | ellipsis
 
 取值:
 clip:默認值 。不顯示省略標(biāo)記(...),而是簡單的裁切;
 ellipsis:當(dāng)對象內(nèi)文本溢出時顯示省略標(biāo)記(...);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 14,154評論 1 92
  • A今天學(xué)了什么 1.iframe 2.skill B我掌握好的地方 C我掌握不好的地方 1.iframe 2.skill
    執(zhí)念念不直閱讀 178評論 0 0
  • A我今天學(xué)了什么 1.內(nèi)嵌標(biāo)簽 2.當(dāng)遇到一個非文本的元素,想讓其垂直居中用定位3.簡單符號 B我今天掌握了什么 ...
    相信自己_胡閱讀 151評論 0 0
  • A我今天學(xué)習(xí)到了什么 1溫習(xí)day05的知識點 1.1 p:margin的一點漏洞問題 1.2一個登陸頁面 1....
    塵榆騾厭閱讀 290評論 0 0
  • 楊浩然十一月份第五次讀書打卡,我讀的書是《西頓動物故事集》看了34到45頁,講的是:進一個多月來,我家養(yǎng)的母雞頻頻...
    楊浩然五年級三班閱讀 245評論 0 0

友情鏈接更多精彩內(nèi)容