首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    a

    DOCTYPE html> <meta name="viewport" content="width...-- 1.通过我们的观察发现a标签存在一定的状态 1.1默认状态, 从未被访问过 1.2被访问过的状态 1.3鼠标长按状态 1.4鼠标悬停在a标签上状态 2.什么是a标签的<em>伪</em><em>类</em>选择器?...a标签的<em>伪</em><em>类</em>选择器是专门用来修改a标签不同状态的样式的 3.格式 :link 修改从未被访问过状态下的样式 :visited 修改被访问过的状态下的样式 :hover 修改鼠标悬停在a标签上状态下的样式...:active 修改鼠标长按状态下的样式 4.注意点 4.1a标签的<em>伪</em><em>类</em>选择器可以单独出现也可以一起出现 4.2a标签的<em>伪</em><em>类</em>选择器如果一起出现, 那么<em>有</em>严格的顺序要求 编写的顺序必须要个的遵守爱恨原则...那么可以缩写 --> taobao jd </<em>html</em>

    73920

    CSS

    , 11 3月 2021 作者 847954981@qq.com 前端学习 CSS 元素–::before和::after 如果想在某一标签元素后面 ,添加一个新的元素,可以使用元素 ::before...和::after 其作用是在元素后添加新的元素 写法是 选择器::after/before /* 在span之前添加行内元素 */ span::before { /* 使用空白符号占位 */  content...24px; height: 24px; background: url(URL) no-repeat center; background-size: contain; } 事件...鼠标移入—:hover 当需要鼠标移入之后改变某一标签内内容的样子,可以在CSS中添加 :hover 如: div{ background-color:red } div:hover{...background-color:yellow } 如此 除此之外,事件还有很多 如 :active—-鼠标点击 :focus—-获取焦点 列表伪 当在一标签下存在数个同一标签名的子标签 可以通过

    81960

    CSS元素

    CSS元素 每日更新前端基础,如果觉得不错,点个star吧 ?...也就是说,元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。... 用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。比如说,当用户悬停在指定的元素时,我们可以通过:hover来描述这个元素的状态。...虽然它和普通的css相似,可以为已有的元素添加样式,但是它只有处于dom树无法描述的状态下才能为元素添加样式,所以将其称为。 状态性 是基于元素当前状态进行选择的。...CSS3规范中要求使用单冒号:用于CSS3,双冒号::用于 CSS3元素,目的是区分元素。

    2K20

    总结元素(转)

    1.元素 先说一说为什么css要引入元素和,以下是css2.1 Selectors章节中对元素的描述: CSS introduces the concepts of pseudo-elements...直译过来就是:css引入元素概念是为了格式化文档树以外的信息。也就是说,元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。...下面分别对元素进行解释: 用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。...处于试验阶段的元素会在标题中标注。 状态 由于状态的用法大家都十分熟悉,这里就不用例子说明了。...如下例,以下HTML列表: ? CSS: 选择第二个元素,”Beta”会变成橙色: ?

    1.5K20

    CSS-元素

    背景 写了这么多年代码,对CSS中的元素竟然没有细致的进行过学习总结,由此可见在实际代码开发中,用的也确实不多,也就用过一些:first-child,:hover之类的吧,其它的连before...什么的都没用过,于是迫切需要大于元素与进行一个系统整体的学习。...元素 :是以一个冒号作为前缀,被添加到选择器的末尾,当你希望在特定状态下(:hover)才被呈现到指定元素时,可以往元素的选择器后面加上。...常用的元素 可以从状态、结构、其它和表单相关进行分类。...状态:** :hover、:link、:active、:visited、:focus** 结构:** :first-child、:last-child、:nth-child(n)** 其它

    1K20

    CSS 基础系列:元素

    CSS 引入元素的概念是为了格式化文档树以外的信息。也就是说,元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者是列表中的第一个元素。...2.元素的概念 2.1 用于当已有元素处于某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。...3.列举 元素-1.png 3.1 状态 状态是基于元素当前状态进行选择的。在与用户的交互过程中元素的状态是动态变化的,因此该元素会根据其状态呈现不同的样式。...实际上,lang=” “ 属性不只可以在 html 标签上设置,也可以在其他的元素上设置。 :dir 匹配指定阅读方向的元素。 当 HTML 元素中设置了 dir 属性时该才能生效。...现时支持的阅读方向两种:ltr(从左往右)和 rtl(从右往左)。目前,只有火狐浏览器支持 :dir ,并在火狐浏览器中使用时需要添加前缀( -moz-dir() )(试验阶段)。

    1.9K10
    领券