时间:2021-05-08
今天的课程加速了,比平时快了些,但觉得很不错。nice~
属性选择符
E[att] 选择具有att属性的E元素。
XML/HTML Code复制内容到剪贴板E[att="val"] 选择具有att属性且属性值等于val的E元素。
XML/HTML Code复制内容到剪贴板E[att~="val"] 选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素。
XML/HTML Code复制内容到剪贴板E[att^="val"] 选择具有att属性且属性值为以val开头的字符串的E元素。
XML/HTML Code复制内容到剪贴板E[att$="val"] 选择具有att属性且属性值为以val结尾的字符串的E元素。
XML/HTML Code复制内容到剪贴板E[att*="val"] 选择具有att属性且属性值为包含val的字符串的E元素。
XML/HTML Code复制内容到剪贴板E[att|="val"] 选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。
XML/HTML Code复制内容到剪贴板E:first-letter/E::first-letter 设置对象内的第一个字符的样式。
就是匹配的到的元素的第一个字。
E:first-line/E::first-line 设置对象内的第一行的样式。
E:before/E::before 设置在对象前(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用
E:after/E::after 设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用
E::placeholder 设置对象文字占位符的样式。
E::selection 设置对象被选择时的颜色。
XML/HTML Code复制内容到剪贴板兼容:
CSS Code复制内容到剪贴板css的样式
font-family 设置文字名称,可以使用多个名称,或者使用逗号 分隔,浏览器则按照先后顺序依次使用可用字体。
XML/HTML Code复制内容到剪贴板font-size 设置文字的尺寸
注:如果用百分比作为单位,则是基于父元素字体的大小
XML/HTML Code复制内容到剪贴板font-weight 控制字体粗细
CSS Code复制内容到剪贴板font-style 控制字体是否倾斜
XML/HTML Code复制内容到剪贴板font(字体样式缩写)
XML/HTML Code复制内容到剪贴板color 控制文本的字体颜色
XML/HTML Code复制内容到剪贴板text-decoration(文本装饰线条) 控制文本装饰线条
XML/HTML Code复制内容到剪贴板text-shadow(文字阴影) 控制文字的阴影部分。
XML/HTML Code复制内容到剪贴板width 宽度
XML/HTML Code复制内容到剪贴板height 高度
CSS Code复制内容到剪贴板margin 外边距
CSS Code复制内容到剪贴板padding 内边距
CSS Code复制内容到剪贴板补充知识:
padding内边距
当一个盒子设置了背景图像后,默认情况下背景图像覆盖的范围是padding和内容组成的范围,并以padding的左上角为基准点平铺背景图像。
border边框
border边框里在IE并不显示背景图像的内容,在Firefox则显示背景图像的内容。
因为边框是介于内边距和外边距之间的,当边框设置为虚线时,在IE中,虚线空白的地方露
出来的是padding部分的背景,而在Firefox中,虚线空白的地方露出来的是margin部分的背景。
margin外边距
body是个特殊的盒子,它的背景色会延伸到margin的部分,而其他盒子的背景色只会覆盖“padding+内容 部分”(IE浏览器中)或者“border+padding+内容”部分(Firefox浏览器中)
margin用于控制块与块之间的距离。
倘若将盒子模型比作展览馆里展出的一幅幅画,那么content就是画面本身,padding就是画面与画框之间的留白,border就是画框,而margin就是画与画之间的距离。
以上这篇浅谈css之属性及剩余的选择符就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
属性选择符是CSS选择符中特别有用的一类选择符。顾名思义,属性选择符通过HTML元素的属性选择元素,例如链接的title属性或图像的alt属性。例如,要选择
CSS属性和选择符css的语法结构仅仅有三部分组成:选择符(Selector)、属性(property)、和值(value)。使用方法:selector{Pro
CSS的选择符有三种。①上下文选择符;②ID和Class选择符;③属性选择符,而上下文选择符的最大好处就是可以方便的实现基于位置为HTML元素添加样式比如我们想
CSS的组合和嵌套CSS组合你不必重复有相同属性的多个选择符,你只要用英文逗号(,)隔开选择符就可以了。比如,你有如下的代码:h2{color:red;}.th
简单学习css组合与CSS嵌套的写法.CSS组合 你不必重复有相同属性的多个选择符,你只要用英文逗号(,)隔开选择符就可以了。 比如,你有如下的代码:h2{