河间哪里有做网站的,企业名称查询网站,小程序开发难不难,wordpress页面背景图片文章目录 什么是CSS#xff1f;CSS在HTML中的位置内联样式内部样式外部样式 CSS的选择器普通选择器标签选择器类选择器id选择器通配符选择器 复合选择器后代选择器子选择器并集选择器伪类选择器 CSS的样式 什么是CSS#xff1f;
就像我们前面说的#xff1a;CSS是用来描述页… 文章目录 什么是CSSCSS在HTML中的位置内联样式内部样式外部样式 CSS的选择器普通选择器标签选择器类选择器id选择器通配符选择器 复合选择器后代选择器子选择器并集选择器伪类选择器 CSS的样式 什么是CSS
就像我们前面说的CSS是用来描述页面样式的。它本身是一个“层叠样式表”能够对网页中特定元素的排版进行像素级精确控制实现美化页面的效果。
CSS在HTML中的位置
内联样式
div stylecolor:green使用内联样式直接改变元素的颜色/div注使用style属性设置样式只针对当前元素生效。 内部样式
stylediv {color: red;}
/style
div使用内部样式改变元素颜色/div注将style标签和要修饰的元素拆分出来并且都放在body里 外部样式
//创建外部的一个.css文件
div {color: red;
}headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title外部样式/titlelink relstylesheet hrefstyle.css
/head
bodydiv使用外部样式改变元素的颜色/div
/body注 在外部创建一个.css文件使用link标签在head里引入css CSS的选择器
只有在选中了元素之后才能为其设置样式CSS的选择器就是让你来选中页面中的哪个/哪些元素{}里面的样式就是针对这些元素生效的。
普通选择器
标签选择器 div {color: red;font-size: 100px;}注通过标签名进行选择就是表示当前页面中所有相同的标签都要被选中。 类选择器 .one {color: red;font-size: 100px;}注 此处写的one是类名所有的HTML元素都可以指定类名不同元素可以指定相同的类名通过“.”加类名来选中元素表示类名相同的元素都要被选中 id选择器 #two {color: green;font-size: 100px;}注 此处写的two是id所有的HTML都可以指定id在同一个页面内id是唯一的不同的元素不能使用相同的id通过“#”加id来选中元素表示要选中指定id的元素只能选中一个。 通配符选择器 * {color: blue;font-size: 100px;}注通过“*”来选中元素表示页面内的所有元素都被选中 复合选择器
复合选择器就是把多个基础选择器给组合起来了
后代选择器 后代选择器元素1 元素2 {样式声明}ul li {color: red;font-size: 100px;}注 后代选择器就是在指定的元素中去筛选后代元素元素1和元素2可以是标签选择器、类选择器、id选择器元素1和元素2之间有一个空格可以把元素1后代里所有的元素2筛选出来不管隔了几代都可以筛选出来 子选择器 子选择器 元素1元素2 { 样式声明 }olli {color: red;font-size: 100px;}注 子选择器就是在指定的元素中去筛选子代元素不能筛选孙子代更不能筛选更后代的元素1和元素2可以是标签选择器、类选择器、id选择器元素1和元素2之间用 连接 并集选择器 并集选择器元素1, 元素2 { 样式声明 }h1,h2 {color: white;font-size: 100px;}注 并集选择器就是用于选择多组标签元素1和元素2可以是标签选择器、类选择器、id选择器元素1和元素2之间用 连接 伪类选择器 伪类选择器是选中元素的不同状态选择未被访问过的链接a:link {color: orange;font-size: 100px;}选择已经被访问过的链接a:visited {color: purple;}选择鼠标悬停的链接a:hover {color: blue;}选择鼠标按下的链接a:active {color: red;}注使用 连接左右俩边 CSS的样式
CSS的样式纷繁多样为了让大家思路更加清晰特地单独总结了一篇文章来介绍。CSS样式汇总