郑州手机网站建设,住房和城乡建设岗位证书,地区网站建设服务周到,全屏响应式网站CSS概念
CSS#xff08;Cascading Style Sheets#xff09;层叠样式表#xff0c;又叫级联样式表#xff0c;简称样式表
CSS用于HTML文档中元素样式的定义
使用css让网页具有美观一致的页面
语法
CSS 规则由两个主要的部分构成#xff1a;选择器和声明样式 选择器通常…CSS概念
CSSCascading Style Sheets层叠样式表又叫级联样式表简称样式表
CSS用于HTML文档中元素样式的定义
使用css让网页具有美观一致的页面
语法
CSS 规则由两个主要的部分构成选择器和声明样式 选择器通常是您需要改变样式的 HTML 元素
每条声明由一个属性和一个值以键值对的形式组成
属性property是您希望设置的样式属性style attribute。每个属性有一个值。属性和值被冒号分开
styleh1{color: blue;font-size: 12px;}
/styleCSS样式的引入方式
内联样式行内样式
要使用内联样式你需要在相关的标签内使用样式style属性。Style 属性可以包含任何 CSS 属性 缺乏整体性和规划性不利于维护维护成本高 p stylebackground: orange; font-size: 24px;CSSp内部样式
当单个文档需要特殊的样式时就应该使用内部样式表。你可以使用 style标签在文档头部定义内部样式表 单个页面内的CSS代码具有统一性和规划性便于维护但是在多个页面之间容易混乱 headstyle h1 { background: red; } /style
/head外部样式推荐
当样式需要应用于很多页面时外部样式表将是理想的选择。在使用外部样式表的情况下你可以通过改变一个文件来改变整个站点的外观。每个页面使用 link 标签链接到样式表。 link 标签在文档的头部
link relstylesheet typetext/css hrefxxx.css选择器
全局选择器
可以与任何元素匹配优先级最低一般做样式初始化
*{margin: 0;padding: 0;}元素/标签选择器
HTML文档中的元素如p、b、div、a、img、body等。
标签选择器选择的是页面上所有这种类型的标签所以经常描述“共性”无法描述某一个元素的“个性”
p{font-size:14px;
}p学完了spanjava/span继续学前端/p
span{color: red;
}类选择器
规定用圆点 . 来定义针对你想要的所有标签使用
h2 classoneclass你好/h2/*定义类选择器*/
style.oneclass{width:800px;}
/styleclass属性的特点 类选择器可以被多种标签使用同一个标签可以使用多个类选择器。用空格隔开 h3 classclassone classtwo我是一个h3啊/h3h3 classteshu classzhongyao我是一个h3啊/h3 // 错误ID选择器
针对某一个特定的标签来使用只能使用一次即id是唯一的。 css中的ID选择器以 # 来定义
h2 idmytitle你好/h2style#mytitle{border:3px dashed green;}
/style合并选择器
语法选择器1,选择器2,...{ }
作用提取共同的样式减少重复代码
.header, .footer{height:300px;
}选择器的优先级
CSS中,权重用数字衡量
元素选择器的权重为: 1
class选择器的权重为: 10
id选择器的权重为: 100
内联样式的权重为: 1000
优先级从高到低 行内样式 ID选择器 类选择器 元素选择器
