广告
返回顶部
首页 > 资讯 > 前端开发 > html >什么是css
  • 849
分享到

什么是css

2024-04-02 19:04:59 849人浏览 八月长安
摘要

这篇文章将为大家详细讲解有关什么是CSS,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。第1章 css和文档1,元素:替换元素(img input),非替换元

这篇文章将为大家详细讲解有关什么是CSS,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

第1章 css和文档

1,元素:替换元素(img input),非替换元素(大多数span)。

2,link:rel(代表关系:stylesheet,候选样式表:alternate stylesheet);type(text/css);media:(all(所有表现媒体, screen,print),title(配合候选使用)。

3,@import url(sheet1.css) 需在style内使用,放在其他css规则之前。

4,向后可访问性:<style><!-- 样式 --></style>,这样较老浏览器会将style忽略,能理解css的浏览器能正常读取样式表。

5,css注释:。

第2章 选择器

1,对声明分组时,一定要在各个声明的最后使用分号。

2,p.warming.help {background:red;} 只匹配class包含warming和help的p元素,如果p包含warming和其他的则不能匹配。

3,实际上,浏览器并不检查html中id的唯一性,但这会导致编写dom更困难。

4,属性选择器:h2[class] {...}

 h2[class=''] {...}完全匹配

 h2[class~=''] {...}部分匹配 [class^='']以什么开头 [class$='']以什么结尾 [class*='']包含什么的所有元素

 *[lang|='en']特定属性选择器,会选择lang属性等于en或以en-开头的所有元素。

5,选择子元素:h2>strong;选择相邻兄弟元素h2+p(h2和p有共同父元素,最终选择p)。

6,链接伪类:未访问链接:link,访问过链接:visited(它们都是静态的),等同于<body link='' vlink=''>。

 动态伪类:焦点:focus,鼠标停留:hover,激活:active。(动态伪类可以用于任何元素)

 建议伪类顺序:link-visited-focus-hover-active。

 选择第一个子元素(:first-child),很容易误解,是所有第一个子元素(在下面例子中,作为第一个子元素的元素包括第一个p,第一个li和strong及em)。

XML/HTML Code复制内容到剪贴板

  1. <div>  
        <p>helooo</p>  
        <ul>  
            <li>111</li>  
            <li><strong>222</strong></li>  
        </ul>  
        <p>  
            <em>333</em>  
        </p>  
    </div>

根据语言选择(:lang()),如*:lang(fr){color:red;} 这是将所有法语元素变成红色。

伪元素选择器:首字母:first-letter,用户代理动态构成假象元素<p:first-letter>;

第一行:first-line;

之前和之后:before :after

关于什么是css就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

--结束END--

本文标题: 什么是css

本文链接: https://www.lsjlt.com/news/81309.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 什么是css
    这篇文章将为大家详细讲解有关什么是css,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。第1章 css和文档1,元素:替换元素(img input),非替换元...
    99+
    2022-10-19
  • css是什么
    今天小编给大家分享一下css是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。   一...
    99+
    2022-10-19
  • Extract CSS是什么
    小编给大家分享一下Extract CSS是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! extractCSS 一个免费和...
    99+
    2022-10-19
  • css中“+”是什么
    本篇内容介绍了“css中“+”是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在css中,“+”是相邻兄弟元素选择器,用于选择紧接在另外...
    99+
    2023-07-04
  • css p是什么
    本篇内容介绍了“css p是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2022-10-19
  • css是什么?有什么用?
    CSS,即层叠样式表(Cascading Style Sheets),是一种用于网页设计的样式语言。通过CSS,你可以改变HTML页面上各个元素的外观、布局和行为。CSS最初是由赛迪公司(斯佩克特公司)的开发者创建的,并于1996年成为一项...
    99+
    2023-05-14
  • css中什么是auto
    这篇文章主要讲解了“css中什么是auto”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css中什么是auto”吧!在css中,auto英文全称是“automatical”,中文意思为“自动...
    99+
    2023-06-14
  • 什么是css文件
    这篇文章主要讲解了“什么是css文件”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“什么是css文件”吧! css文件是一种采用C...
    99+
    2022-10-19
  • CSS变量是什么
    这篇文章主要讲解了“CSS变量是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS变量是什么”吧!CSS变量简介如今的浏览器开发似乎正好取代了流行的库...
    99+
    2022-10-19
  • css文件是什么
    这篇文章主要讲解了“css文件是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css文件是什么”吧! css文件指的是包含了...
    99+
    2022-10-19
  • CSS定位是什么
    小编给大家分享一下CSS定位是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   CSS定位(Positioning)属性...
    99+
    2022-10-19
  • css是什么意思
    这篇文章主要介绍了css是什么意思,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   CSS不仅可以静态地修饰网页,还可以配合各种脚本语言...
    99+
    2022-10-19
  • css是什么含义
    小编给大家分享一下css是什么含义,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!   层叠样式表(CSS)是描述标记语言页面格...
    99+
    2022-10-19
  • css技术是什么
    这篇文章给大家分享的是有关css技术是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   CSS是CascadingStyleSheets(层叠样式表)的缩写。   可以...
    99+
    2022-10-19
  • CSS兼容是什么
    这篇文章主要介绍“CSS兼容是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS兼容是什么”文章能帮助大家解决问题。CSS兼容包括以下几点:1、CSS网页版式...
    99+
    2022-10-19
  • css中Tuesday是什么
    小编给大家分享一下css中Tuesday是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! Tuesday 是一款奇特的 C...
    99+
    2022-10-19
  • CSS伪类是什么
    这篇“CSS伪类是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS伪类是什么”文章...
    99+
    2022-10-19
  • CSS单位是什么
    这篇文章将为大家详细讲解有关CSS单位是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。像 px、rem、em、% 这样的长度单位大家肯定都很熟悉,前者为绝对单位,后者...
    99+
    2022-10-19
  • CSS指的是什么
    CSS是对html的补充,可以使网页形式和内容分离,css是用于增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言,它扩充了 HTML各标记的属性设定,使网页内容的视觉效果有更多变化,有助于实现负责任的Web设计。...
    99+
    2022-10-07
  • css样式是什么
    小编给大家分享一下css样式是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、CSS样式定义    -...
    99+
    2022-10-19
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作