SlideShare a Scribd company logo
CSS培训 -Mr.F
Casading Style Sheets层叠样式表
CSS优势 为网页上的元素精确定位 简化了网页的格式代码 只要修改保存网站格式的CSS样式表文件,就可以改变整个网站的风格特点 目前CSS2.0版本是众多浏览器支持最完善的版本 真正意义上实现了代码和内容分离,使得设计代码本身也便于维护和修改 良好的CSS设计能够使得代码之间产生继承及重载关系,能够达到最大限度的代码重用
Web标准的构成
基本构成语法 selector{       property :            value    } 可以是XHTML标签,也可以是定义了特定的id或class标签 样式控制的核心,CSS提供了丰富的样式属性 形式有两种:一种是指定范围的值,另一种是数值
选择符
CSS和ID区别 ID选择符 基本作用是对每一个页面中的唯一出现的元素进行定义 用#定义CSS样式,在调用时必须用ID id是固定标签 CLASS选择符 基本作用是对每一个页面中多次出现的元素进行定义 用.定义CSS样式,在调用时必须用CLASS class是样式组
属性
CSS盒模型 在CSS的定位处理问题上,CSS盒模型往往会起到决定性作用,了解盒模型,也是解决CSS Hack的重要途径
CSS HACK
各浏览器的使用率
浏览器的使用排名
CSS参考手册 http://www.w3school.com.cn/css/css_reference.asp 有参考,总是美好的….

More Related Content

Viewers also liked

อีเมล ( E mail )
อีเมล ( E mail )อีเมล ( E mail )
อีเมล ( E mail )paweekorn
 
Varian of products
Varian of products Varian of products
Varian of products
Usul Udin
 
tabla correción test: Resolucion de conflictos
tabla correción test: Resolucion de conflictostabla correción test: Resolucion de conflictos
tabla correción test: Resolucion de conflictosRolando Saavedra Castro
 
Drug addiction rehabilitation program for youth - Portage Ontario
Drug addiction rehabilitation program for youth - Portage OntarioDrug addiction rehabilitation program for youth - Portage Ontario
Drug addiction rehabilitation program for youth - Portage Ontario
Portage
 
ButterCup Rainbow!
ButterCup Rainbow!ButterCup Rainbow!
ButterCup Rainbow!
stefanyBACON
 
PT. Sarana Riam Jeram Company Profile
PT. Sarana Riam Jeram Company ProfilePT. Sarana Riam Jeram Company Profile
PT. Sarana Riam Jeram Company Profileriamjeram
 
前端分享之平台组与前端组区别
前端分享之平台组与前端组区别前端分享之平台组与前端组区别
前端分享之平台组与前端组区别fanggesun
 
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
Portage
 
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Portage
 

Viewers also liked (9)

อีเมล ( E mail )
อีเมล ( E mail )อีเมล ( E mail )
อีเมล ( E mail )
 
Varian of products
Varian of products Varian of products
Varian of products
 
tabla correción test: Resolucion de conflictos
tabla correción test: Resolucion de conflictostabla correción test: Resolucion de conflictos
tabla correción test: Resolucion de conflictos
 
Drug addiction rehabilitation program for youth - Portage Ontario
Drug addiction rehabilitation program for youth - Portage OntarioDrug addiction rehabilitation program for youth - Portage Ontario
Drug addiction rehabilitation program for youth - Portage Ontario
 
ButterCup Rainbow!
ButterCup Rainbow!ButterCup Rainbow!
ButterCup Rainbow!
 
PT. Sarana Riam Jeram Company Profile
PT. Sarana Riam Jeram Company ProfilePT. Sarana Riam Jeram Company Profile
PT. Sarana Riam Jeram Company Profile
 
前端分享之平台组与前端组区别
前端分享之平台组与前端组区别前端分享之平台组与前端组区别
前端分享之平台组与前端组区别
 
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
MIRE - Mouvement for Intergration and Retention in Employment - A Modified Th...
 
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
Drug addiction rehabilitation program for mentally Ill chemical abusers (MICA...
 

Recently uploaded

2024-06-14 師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf
2024-06-14  師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf2024-06-14  師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf
2024-06-14 師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf
Taiwan AI Academy
 
20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf
20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf
20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf
jhujyunjhang
 
20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf
20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf
20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf
jhujyunjhang
 
20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf
20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf
20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf
jhujyunjhang
 
作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...
作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...
作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...
微信 oojjiijj 接单
 
20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf
20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf
20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf
jhujyunjhang
 
🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】
🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】
🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】
微信 oojjiijj 接单
 
20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf
20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf
20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf
jhujyunjhang
 
20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf
20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf
20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf
jhujyunjhang
 
20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf
20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf
20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf
jhujyunjhang
 
20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf
20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf
20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf
jhujyunjhang
 
台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613
台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613
台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613
趙 亨利
 
20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf
20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf
20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf
jhujyunjhang
 
20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf
20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf
20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf
jhujyunjhang
 
20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf
20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf
20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf
jhujyunjhang
 

Recently uploaded (15)

2024-06-14 師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf
2024-06-14  師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf2024-06-14  師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf
2024-06-14 師大_AI 新浪潮下的產業人才培育_90 mins_蔡明順.pdf
 
20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf
20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf
20240520-TaiBIF和GBIF介紹-劉璟儀.pdf_20240520-TaiBIF和GBIF介紹-劉璟儀.pdf
 
20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf
20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf
20230913-開放資料流程-柯智仁.pdf_20230913-開放資料流程-柯智仁.pdf
 
20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf
20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf
20220317-開放授權規範-林誠夏.pdf_20220317-開放授權規範-林誠夏.pdf
 
作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...
作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...
作为一个黑客,你是不是也有这样的困扰? 🤔成绩不够好怎么办呢?不要灰心哦!也许我们可以利用一些小技巧来让它变得更好看。🔍🖋 #hack #college ...
 
20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf
20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf
20230913-資料標準-劉璟儀.pdf_20230913-資料標準-劉璟儀.pdf
 
🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】
🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】
🎉黑客改成绩,只需1小时! 想知道学霸的秘诀吗?跟着我们一起来揭秘吧~ 🤔💡 #技术分享 #考试技巧 #快速提分【微信:oojjiijj】
 
20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf
20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf
20220325-如何下載與引用資料-柯智仁.pdf_20220325-如何下載與引用資料-柯智仁.pdf
 
20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf
20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf
20240521-開放資料的前置準備與清理-楊富鈞.pdf_20240521-開放資料的前置準備與清理-楊富鈞.pdf
 
20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf
20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf
20240520-敏感資料處理原則-柯智仁.pptx.pdf_20240520-敏感資料處理原則-柯智仁.pptx.pdf
 
20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf
20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf
20230513-datapaper-何芷蔚.pdf_20230513-datapaper-何芷蔚.pdf
 
台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613
台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613
台科大史懷哲團隊研習課程(專題課程發展分享 以Arduino專案實作出發)20240613
 
20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf
20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf
20240522-如何下載與引用TBIA資料-張俊怡.pdf_20240522-如何下載與引用TBIA資料-張俊怡.pdf
 
20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf
20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf
20240521-資料清理-OpenRefine-劉璟儀.pdf_20240521-資料清理-OpenRefine-劉璟儀.pdf
 
20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf
20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf
20230913 資料發布類型-陳建文.pdf_20230913 資料發布類型-陳建文.pdf
 

Css培训