首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML图像标记和CSS入门(一)

1.2 文本属性 alt :在图像无法显示时告诉用户该图片的内容。...1.3 图像的宽高属性 width,height 两者不能同时使用 1.4 图像的边框的属性 border :可以为图像添加边框,设置边框的宽度,但边框颜色的调整仅仅通过HTML属性时不能通过的。.../“,如果时上两级, 则需要使用 ”../../“ CSS 核心基础 1.CSS样式规则 1.1选择器严格区分大小写,属性和值不区分大小写 1.2 多个属性之间必须采用英文状态下的分号隔开 1.3 CSS...代码中空格时不被解析的 1.4选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 引入CSS样式表: 行内式:属性1:属性值1;属性2:属性值2;属性3:属性值3;...;属性2:属性值2;属性3:属性值3;} 2.2 类选择器“.”后面紧跟类名 .类名{属性1:属性值1;属性2:属性值2;属性3:属性值3;} 2.3 id选择器用“#”进行标识,后面紧跟id名 #id

2.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【QT】QT样式表语法

    ---- Qt样式表语法及使用 样式规则 每个样式规则由选择器和声明组成。 选择器:指定受该规则影响的部件。 声明:指定则个部件上要设置的属性。...选择器{属性1:值1;属性2:值2;属性3:值3} 此规定指定了QPushButton和它子类使用红色作为前景色。...样式表中一般不区分大小写,如color与COLOR表相同属性,但类名、对象名以及Qt属性名区分大小写。 声明中的多组"属性 : 值"列表以分号;隔开。...伪状态在选择器之后,用冒号隔离。如: 鼠标悬停在按钮上时被应用: QPushButton:hover{color:white} 鼠标不悬停在按钮上时被应用(!表否定) QPushButton.!...2.继承 当使用Qt样式时,部件并不会自动从父部件继承字体和颜色样式设置 。

    1.6K31

    【Web世界探险家】CSS美学(一)

    CSS 语法的特点: CSS 样式中的选择器严格区分大小写,而声明不区分大小写,按照书写习惯一般将选择器、声明都采用小写的方式 多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略,但是为了便于添加新的样式最好保留...p{ font-family: "Times New Roman"; } 在编写 CSS 代码时,为了提高代码的可读性,可使用 /**/ 来进行注释,例如上面的样式代码可添加如下注释: p{...【注意】:行内式是通过标签的属性来控制样式的,这样并没有做到结构与样式分离,所以不建议使用。...属性:属性值; } 案例: 代码: 运行结果: 【注意】:类名的第一个字符不能是数字,并且严格区分大小写,一般采用小写的英文字符。...属性:属性值; } 案例: 运行结果: 但是在实际的开发中不建议使用通配符选择器,因为通配符选择器设置的样式对所有的 HTML 标签都生效,不管标签是否需要该标签,这样反而减低了代码的执行速度。

    12010

    利用属性选择器对外部链接进行样式设计

    我们可以简单地使用属性选择器来实现外部链接的自定义样式。 使用属性选择器 CSS 允许我们根据 HTML 元素的属性来设置样式,方法是将它们放在方括号中。...属性包含指向外部网站的链接时,我们想要应用样式。...因此,我们可以只为以 http 开头的链接设置样式,通过在我们的属性选择器中插入一个 ^ 字符: a[href^='http'] { /* 外部链接的样式 */ } 或者我们可以使用其他运算符来确定不同的样式条件...info 结尾 */ a[href$='.info'] { } /* 类中包含单词 'link' */ a[class~='link'] { } 此外,通过在结束括号前添加 s 或 i,我们可以控制它们是区分大小写还是不区分大小写地比较...: /* 区分大小写 */ a[href*='css-irl' s] { } /* 不区分大小写 */ a[href*='css-irl' i] { } 设置伪元素的样式 对于我们的外部链接,我们将通过设置伪元素的样式来附加一个图标

    12710

    CSS快速入门(一)

    因为同一个页面上有很多相似的标签 并且这些标签在不同的位置有不同的样式 所以为了能够区分 ,我们肯定先需要学习如何查找指定的标签 ---- 选择器列表 如果你有多个使用相同样式的CSS选择器,那么这些单独的选择器可以被混编为一个...[attr operator value i] 在属性选择器的右方括号前添加一个用空格隔开的字母 i(或 I),可以在匹配属性值时忽略大小写(支持 ASCII 字符范围之内的字母)。...[attr operator value s] 在属性选择器的右方括号前添加一个用空格隔开的字母 s(或 S),可以在匹配属性值时区分大小写(支持 ASCII 字符范围之内的字母)。...*/ div,#d1,.c1 { /*标签查找div id查找d1 类查找c1*/ color: red; } /*不并列的情况*/ /*不并列同样可以使用组合选择器...例如,:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。

    94920

    聊聊 Chrome 新增的 sizes=auto 属性

    important; contain-intrinsic-size: 300px 150px; } 这段 CSS 代码使用了属性选择器来选择 img 元素,具体的选择规则如下: [sizes="auto..." i]:选择具有 sizes 属性且其值为 auto(不区分大小写)的 img 元素。...[sizes^="auto," i]:选择具有 sizes 属性且以 auto, 开头(不区分大小写)的 img 元素。...这可以影响到元素在执行缩放时的最终尺寸。 顺便说一下,CSS 中的伪类 :has 被称为“父选择器”,但目前并没有广泛支持,因此这个选择器可能无法在所有浏览器中正常工作。...另外,i 标记表示进行不区分大小写的匹配。 响应式图像自然尺寸的设定可能会让人意想不到的复杂,但实际上: 有许多方式可以让已加载资源的自然尺寸影响其对应的 的布局尺寸。

    16510

    SQL命令 SELECT(三)

    列别名以指定的字母大小写显示;但是,当在ORDER BY子句中引用时,它不区分大小写。C别名必须是有效的标识符。C别名可以是分隔的标识符。...当ORDER by子句引用此类非惟一列别名时,可能会导致SQLCODE -24“Ambiguous sort column”错误。 列别名与所有SQL标识符一样,不区分大小写。...但是,可以使用子查询使列别名可用来供其他这些其他SELECT子句使用。 字段列别名 选择项字段名不区分大小写。...但是,除非提供列别名,否则结果集中的字段列的名称应遵循与列属性相关联的SqlFieldName的字母大小写。...与所有标识符一样,t-alias不区分大小写。 因此,不能指定两个只有字母大小写不同的t-alias名称。 这将导致SQLCODE -20“名称冲突”错误。

    2.2K10

    .net题库第1-9章

    WriteLine()方法在输出字符串的后面添加换行符 (答案) 使用Write()和WriteLine()方法输出数值变量时,必须要先把数值变量转换成字符串 使用不带参数的WriteLine()方法时...,将不会产生任何输出 使用Write()输出字符串时,光标将会位于字符串的下一行 得分: 10.0 /10.0 第4题 C#语言经编译后得到的是( )。...ReadLine()方法读取的字符不包含回车和换行符 使用Read()方法读取的字符包含回车和换行符 (答案) 只有当用户按下Enter键时,Read()和ReadLine()方法才会返回 Read...注意:(1)区分大小写,且前后和中间均勿加空格;(2)只写方法名,不要加括号 学生答案: DrawLine 标准答案: DrawLine 得分: 10.0 /10.0 第5题 下面代码用于实现在窗体打开时动态加载一个按钮...注意:(1)区分大小写,且前后和中间均勿加空格;(2)只写方法名,不要加括号 学生答案: WriteLine 标准答案: WriteLine 得分: 10.0 /10.0 第2题 文件读写时

    1.1K10

    【CSS】381- 提升你的CSS选择器技巧

    属性选择器 我非常喜欢属性选择器。当你需要匹配包含具有特定属性值的元素时,它们非常灵活。 ?...以上所有属性选择器实例都区分大小写。 但是我们有一个技巧, 如果我们在结束方括号之前插入一个i,我们可以不区分大小写进行匹配。 ?...(codepen链接:https://codepen.io/dgwyer/embed/LmaYzp) 除Internet Explorer和Microsoft Edge外,大多数主流浏览器都支持这种不区分大小写的匹配方法...最后, :placeholder-shown 匹配占位文字处于显示状态的元素,当输入内容后,占位文字不再显示时,该元素将不会被匹配;应谨慎使用此选择器,因为它尚未得到广泛支持。...(codepen链接:https://codepen.io/dgwyer/embed/JvzwJE) 咋一看,内容样式是无序纷杂的;你在使用这些类型的选择器时要小心,因为你可能得到你没想到的结果。

    1.1K40

    10个实用的但偏执的Java编程技术

    也许吧,但请看Javadoc: 如果这个虚拟路径不表示一个文件夹目录,则此方法返回null。否则将会返回一个字符串数组,每一个字符串表示目录中的文件或文件夹。 对,没错。...所以使用-1是理所当然的,对吗?我说不对,请看以下代码: // Bad if (string.indexOf(character) !...也许到时候他们改变了编码方式,对字符串并不区分大小写,也许更好的方式是返回-2?谁知道呢。 4.避免意外赋值 是的。这种事情也许经常会发生。..."; } 8.重载时不要相信泛型 是,它可以发生。...经过20年左右的时间编程,你不希望只修复这些愚蠢的bug,因为编程语言是如此的陈旧的和有缺陷的。因为你知道… 现在到你了!什么是你在编程最偏执的怪癖?

    983130

    Loki 查询语言 LogQL 使用

    = "timeout" 当使用 |~和 !~ 时,可以使用 Golang 的 RE2 语法的正则表达式,默认情况下,匹配是区分大小写的,可以用 (?i) 作为正则表达式的前缀,切换为不区分大小写。...我们应该尽可能使用 json 和 logfmt 等预定义的解析器,这会更加容易,而当日志行结构异常时,可以使用 regexp,可以在同一日志管道中使用多个解析器,这在你解析复杂日志时很有用。...如果日志行是一个有效的 json 文档,在你的管道中添加 | json 将提取所有 json 属性作为标签,嵌套的属性会使用 _ 分隔符被平铺到标签键中。 注意:数组会被忽略。...在你的管道中使用 |json label="expression", another="expression" 将只提取指定的 json 字段为标签,你可以用这种方式指定一个或多个表达式,与 label_format...>) [without|by ()] 对于需要对标签进行分组时,我们可以用 without 或者 by 来区分。

    7.9K31

    CSS 属性选择器的深入挖掘

    子串值(Substring value)属性选择器, 下面几个属于 CSS3 新增语法,也被称为“伪正则选择器”,因为它们提供类似 regular expression 的灵活匹配方式。...属性选择器配合伪元素实现类 title 功能 我们都知道,如果给一个图片添加一个 title 属性,当 hover 到图片上面的时,会展示 title 属性里面附加的内容,类似这样: 使用属性选择器配合伪元素模拟的提示: ?...然而,能够不使用引号也是有限制的,再看看下面这种写法: a[href=bar] { ... } a[href^=http://] {... } 第二个选择器是个无效选择器,:// 不括起来的话会识别错误...例如上述的例子,使用特定的类名或者 id 选择器皆可完成。那么使用属性选择器的理由是什么?

    98130

    《ASP.NET Core 高性能系列》致敬伟大的.NET斗士甲骨文!

    BinaryFormatter Regex WebUtility.UrlDecode() Encoding.UTF8.GetBytes() Enum.Parse() DateTime.ToString() String.IndexOf...只有response caching*(简化了如何设置http header), 1.1 时,添加了memory cache,现在你可以还使用分布式缓存()SQL Server or Redis) 四...五、C# 6.0语言级别的新东西 5.1 属性可以连带赋值 public DateTime BirthDay { get; set; } = DateTime.Now.AddYears(-20); 5.2.../方法里面使用Lambda表达式 public void Print() => Console.WriteLine(Name); 六、C# 7.0语言级别的新东西 6.1 out变量不需要申明了 var...sixteen = 0b0001_0000; long salary = 1000_000_000; decimal pi = 3.141_592_653_589m; 注:二进制文本是以0b(零b)开头,字母不区分大小写

    96020
    领券