網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版

Slides:



Advertisements
Similar presentations
醫學美學之我見ー肉毒桿菌 班級:應日三乙 姓名:蔡雅卉 學號: 497E0076. 前言 現在的人,已經把 整型看做是微不足 道的事情了。即使 只是戴牙套、局部 雷射、割雙眼皮、 打美白針、肉毒桿 菌等等,都可以在 身體上做不同的改 變,而讓自己更滿 意自己的外表。
Advertisements

03 訴說旅行緣起 - 文字與影像 網頁文字的編輯 格式化文字 水平線的插入與設定 網頁影像的使用 操作秘技與重點叮嚀.
讲故事训练 授课人:田轶.
第十一課 菜園 6-11.
08 CSS 基本語法 8-1 CSS 的演進 8-2 CSS 樣式規則與選擇器 8-3 連結HTML 文件與CSS 樣式表
校本选修课 第三专题 西藏问题 北京师大二附中 李文燕.
第8章 CSS基础知识 【学习目标】 对于一个网页设计者来说,对HTML语言一定不感到陌生,因为它是网页制作的基础,但是如果希望网页能够美观、大方,并且升级维护方便,那么仅仅知道HTML还是不够的,还需要了解CSS。了解CSS基础知识,可以为后面的学习打下基础。 本章主要内容包括: 为什么在网页中加入CSS。
XML 第05讲 使用CSS显示XML.
第五单元课1-3 层叠样式表.
正修科技大學教學發展中心 教師教學觀摩與經驗分享 電子工程系 張法憲副教授.
蘇軾詞的賞析
柯奕宏(06) 王予亨(13) 郭秉逸(15) 楊雯凈(23) 顏佑瑩(32)
第十五章 传播学调查研究方法.
网页编程基础 曾宪文,Rex Zeng 纸飞机网络技术部部长 Leader of ACE.
第6章 文本 文本在网络上传输速度较快,用户可以很方便地浏 览和下载文本信息,故其成为网页主要的信息载体。 整齐划一、大小适中的文本能够体现网页的视觉效 果。因而文本处理是设计精美网页的第一步。本章 将结合具体实例介绍在Dreamweaver CS4中如何插 入文本,对文本进行排版及一些文本辅助功能。
第四章 样式表CSS CSS技术是一种格式化网页的标准方式,它通过设置CSS属性债周页元素获得各种不同效果。本章共分9个实例,主要内容包括的基础知识、CSS创建与导入、CSS的语法结构、常用CSS的分类、CSS的使用原则等内容。
第8章 样式表.
自然與生活科技領域 認識太陽能 蘇紋琪、石明玉.
CSS简介 WEB前端三剑客之二.
 全能的天才畫家- 李奧納多‧達文西 (西元1452年-1519年) 指導老師:袁淑芬老師 製作人:饒佩芯.
拿 法 常晓波博士 Mobile:
第 11 章 讓版面更活潑 的 CSS.
DreamWeaver MX (II) 林偉川.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
XSL: Extensible Stylesheet Language
中文題目 (格式內文 字型樣式粗體 字型大小54pt 色彩黑色 英文題目(格式內文 字型樣式粗體 字型大小54pt 色彩黑色
CSS字型樣式.
CSS樣式 靜宜大學 資管系 楊子青.
HTML5全栈开发序列课程 《前端入门》之CSS3新特性 余鹏作品.
CSS - Cascading Style Sheets
CHAPTER 18 CSS樣式表的動態效果.
十二年國民基本教育中等學校教師教學專業能力研習五堂課
HTML & CSS.
CSS樣式 靜宜大學 資管系 楊子青.
認識我的故鄉_台中市.
基礎程式設計範例 -網頁名片.
主讲:陶建平 华中科技大学网络与计算中心
Web前端开发技术与实践 第9章:文字样式 阮晓龙 /
UI 软件 设计 页面布局(二).
大家所认为的电子商务行业有哪些途径来赚钱?
聖文德書院 ST BONAVENTURE COLLEGE & HIGH SCHOOL
网页设计与制作 Dreamweaver CS6 标准教程
網路程式設計期末project 指導教授:馬尚彬 學生:楊依林 學號:B
HTML – 表格 資訊教育.
第13章 CSS 通过CSS可以使用更丰富、更灵活的样式,更简单地 设计出更美观的网页。同时,也让网页的设计与维护 更有效率。CSS在网页设计中的作用尤为重要,是网 页设计师必备的知识。本章首先介绍什么是CSS、CSS 的基本语法等基础知识,接着学习利用“CSS”面板 管理规则,如何在Dreamweaver中创建与应用CSS样式.
PowerPoint 2019/4/9.
武汉纺织大学传媒学院 cm.wtu.edu.cn
主讲:陶建平 华中科技大学网络与计算中心
武汉纺织大学传媒学院 cm.wtu.edu.cn
精忠报国  演唱:屠洪纲 作词:陈涛 作曲:张宏光  狼烟起 江山北望  龙起卷 马长嘶 剑气如霜  心似黄河水茫茫  二十年 纵横间 谁能相抗  恨欲狂 长刀所向  多少手足忠魂埋骨它乡  何惜百死报家国  忍叹惜 更无语 血泪满眶  马蹄南去 人北望  人北望 草青黄 尘飞扬  我愿守土复开疆  堂堂中国要让四方来贺.
Word – 排版 資訊教育.
布局大师——表格.
CSS排版:盒子模式 靜宜大學 資管系 楊子青.
樂樂請假了 尊重的故事 資料來源:臺北縣國民小學品德教育手冊 故事來源:臺北縣國民小學品德教育手冊 網路小故事
第7章 使用CSS设置链接与导航菜单 经济管理学院.
PowerPoint 操作介紹 106 計算機概論
CSS樣式 靜宜大學 資管系 楊子青.
聽聽那冷雨---重點摘要 二愛 王煜榕.
Dreamweaver 進階網頁製作 B 許天彰.
進階UI元件:ListView元件以及複選 靜宜大學資管系 楊子青
國立台灣大學 關懷弱勢族群電腦課程 By 資訊工程 黃振修
工业设计教研室 主讲教师:李明 Mobile: 教学主楼1385室
CSS基礎 靜宜大學 資管系 楊子青.
憲政與民主 應化3A 邱泓明.
清單的CSS樣式.
手机淘宝“变形”产品—微淘 操作流程指南 (内测版).
古蹟知性之旅 我和新港奉天宮有個約 報告人:陳 映 竹 傅 湘 甯.
CSS 一起來美化網頁吧!!.
Web前端开发 第7章:初识CSS3 阮晓龙 / 河南中医药大学管理科学与工程学科
第4章 JSP动态网页设计基础 教学目标 教学重点 教学过程 2019年10月21日.
Presentation transcript:

網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版 Ch02 CSS 資料格式 網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版

大綱 連結HTML文件與CSS樣式表 文字與清單屬性 2019/2/25

CSS 樣式規則與選擇器 CSS 樣式表是由一條一條的樣式規則 (style rule) 所組成,而樣式規則包含選擇器 (selector) 與宣告 (declaration) 兩個部分: 例如: 2019/2/25

連結HTML 文件與CSS 樣式表 方法1: 在 <head> 元素裡面嵌入樣式表 2019/2/25

連結HTML 文件與CSS 樣式表 方法2:使用HTML 元素的style 屬性指定樣式表 2019/2/25

連結HTML 文件與CSS 樣式表 方法3: 將外部的樣式表匯入HTML 文件,將樣式表另外儲存在純文字檔 <body.css> body.css的內容: HTML的內容: 2019/2/25

連結HTML 文件與CSS 樣式表 方法4:將外部的樣式表連結至HTML 文件 2019/2/25

選擇器的類型 類型選擇器 萬用選擇器 2019/2/25

選擇器的類型 類別選擇器: 定義樣式規則的語法 2019/2/25

選擇器的類型 ID 選擇器:定義樣式規則的語法 2019/2/25

字型屬性 2019/2/25

文字字型 font-family 2019/2/25

文字大小 font-size 2019/2/25

正常/ 斜體/ 粗體 font-style 2019/2/25

文字屬性 2019/2/25

首行縮排 text-indent 2019/2/25

文字對齊方式 text-align 2019/2/25

文字間距 word-spacing 2019/2/25

大小寫轉換方式 text-transform 2019/2/25

文字陰影 text-shadow 2019/2/25

清單屬性 2019/2/25

項目符號與編號類型list-style-type 2019/2/25

圖片項目符號 list-style-image 2019/2/25

項目符號與編號位置list-style-position 2019/2/25

清單屬性簡便表示法list-style 2019/2/25