子元素选择器
? 用于选择指定标签元素的所有第一代子元素,以大于号分隔
选择器1 + 选择器2 {
……
}
#d+div{border:1pxsolid red;}
html代码同上
相邻兄弟选择器
? 可选择紧接在另一元素后的元素,且二者有相同父元素 。以加号分隔
选择器1 + 选择器2 {
……
}
#d+div{border:1pxsolid red;}
相邻兄弟选择器1
开心麻花贾玲宋小宝相邻兄弟选择器2
普通兄弟选择器
? 选择紧接在另一个元素后的所有元素,而且二者有相同的父元素,以波浪线分隔
选择器1 ~ 选择器2 {
……
}
li~li{background-color : yellow;}
普通兄弟选择器1
开心麻花贾玲宋小宝沈腾王宁CSS常用属性设置
背景
? CSS 背景属性用于定义HTML元素的背景效果
background-color
? 设置元素的背景颜色
body{background-color:#ff0000;}
background-image
? 设置元素的背景图像,默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体 。
body{background-image:url(‘paper.gif’);}
background-repeat
? 设置是否及如何重复背景图像
body{background-image:url(img/logo.jpg);background-repeat: no-repeat;}
文本
color
body{color:blue;}h1{color:#00ff00;}h2{color:rgb(255,0,0);}
text-align
? 设置文本对齐方式,center(居中),left(左对齐),right(右对齐)
body{text-align:center;}h1{text-align:right;}h2{text-align:right;}
text-decoration
? 规定添加到文本的修饰,属性值:none、underline、overline、line-through
1)underline
? 对文本添加下划线,与HTML的u元素相同 。
2)overline
? 对文本添加上划线 。
3)line-through
? 对文本添加中划线,与HTML中的s和 strike 元素相同 。
4)none
? 关闭原本应用到元素上的所有装饰 。
h3{text-decoration:underline;}
text-indent
? 设置文本首行缩进
p.ident2{text-indent:2em;}
? em一个相对值,例如页面的文本大小为17px,则2em就为17px*2
字体
font-family
? 文本字体,该属性设置文本的字体 。
? font-family属性应该设置几个字体名称作为一种”后备”机制,如果浏览器不支持第一种字体,他将尝试下一种字体,所以尽量将不常见的字体靠前,将最常见的字体放置在最后,作为替补 。
注意:
? 1)只有当字体名中含有空格或#、$之类的符号时(如 New York),才需要在font-family声明中加引号:
body{font-family:”arial black”;}
? 2)多个字体系列是用一个逗号分隔指明
/* 靠前的字体先生效 */p{font-family: 微软雅黑,黑体,”agency fb”;}
font-size
? 文本大小
body{font-size:50px;/*字体大小50px*/}#span1{font-size:25px;/*字体大小25px*/}
font-style
? 字体风格,该属性最常用于规定斜体文本 。属性值:normal、italic、oblique
? 1)normal:文本正常显示;
? 2)italic:文本斜体显示;
? 3)oblique:文本倾斜显示,oblique是将文字强制倾斜 。
? 说明:一般情况下,字体有粗体、斜体、下划线、删除线等诸多属性,但是不是所有字体都具有这些属性,一些不常用字体可能只有正常体,若使用italic属性则没有效果,所以需要oblique属性强制倾斜 。
font-weight
? 字体加粗,该属性设置文本的粗细 。
? bold:可以将文本设置为粗体 。
? 100 ~ 900:为字体指定了 9 级加粗度 。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别 。
? 100 对应最细的字体变形;
以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!
「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助:- html文字间加空格 html加空格的方法
- html视频代码讲解 html视频代码怎么用
- html零基础入门教程 js验证码代码怎么写
- html实现文件下载功能 html文件下载代码
- html零基础入门教程 html视频代码格式
- win11任务管理器怎么打开 被管理员禁用了怎么解禁打开
- 免费简单网页制作成品 如何制作网页站点
- 最新免费html邮件模板分享 edm模板免费下载方法
- 鱼腥草为什么被禁用
- uc下一页按钮被屏蔽 uc下一页按钮不见了