设计网站网站名称,网站数据模板,企业网站管理系统cms,做网站建设公司赚钱吗1 什么是CSS
CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中
1.1 css的语法格式 1.1.1 选择器种类
HTML选择器#xff1a; 重新定义HTML的某种标签的显示格式id选择器 对于HTML文档中的某个标签#xff0c;定义它的显示格式…1 什么是CSS
CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中
1.1 css的语法格式 1.1.1 选择器种类
HTML选择器 重新定义HTML的某种标签的显示格式id选择器 对于HTML文档中的某个标签定义它的显示格式class选择器 对于HTML文档中的某类标签定义它的显示格式
1.1.2 HTML选择器
!DOCTYPE html
htmlheadtitle HTML选择器的使用/titlestyleh1 {color:red; font-size:15; font-family: 微软雅黑; }/style/headbodyh1 HTML选择器的使用/h1/body
/html 1.1.3 ID选择器
前面加#
!DOCTYPE html
htmlheadtitle HTML选择器的使用/titlestyle#CSSID1 {color:blue; font-size:35; font-family: 楷体; }/style/headbodyh1 不使用ID选择器/h1h1 idCSSID1 使用ID选择器/h1/body
/html1.1.4 class选择器
前面加.
!DOCTYPE html
htmlheadtitle HTML选择器的使用/titlestyle.CSSID1 {color:blue; }.CSSID2 { font-size:15; font-family: 楷体; }/style/headbodyh1 不使用class选择器/h1h1 classCSSID1 使用一个class选择器/h1h1 classCSSID1 CSSID2 使用两个class选择器/h1/body
/html 1.1.5 class选择器与ID选择器的区别唯一性
在一个 HTML 文档中每个 id 的值必须是唯一的。一个元素不能有多个 id并且在一个页面中每个 id 只能使用一次。class 可以用于多个元素而且一个元素可以有多个 class。 2 三种不同的样式表
2.1 嵌入样式表
前面1.1.2~1.1.4的内容
2.2 内联样式表
写在body里面
!DOCTYPE html
htmlheadtitle HTML选择器的使用/title/headbodyh1 不使用CSS内联样式表/h1h1 stylecolor:blue; font-size:35; font-family: 楷体; 使用CSS内联样式表/h1/body
/html2.3 外联样式表
首先建立一个外部的css格式的文件h1.css)内容和class样式表一致 !DOCTYPE html
htmlheadtitle HTML选择器的使用/titlelink relstylesheet hrefh1.css/headbodyh1 不使用class选择器/h1h1 classCSSID1 使用一个class选择器/h1h1 classCSSID1 CSSID2 使用两个class选择器/h1/body
/htmlrel 属性的值 stylesheet 表示被链接文档是一个样式表并且它应用于当前的 HTML 文档href指定了被链接文档的位置
