a{ display: inline-block; width: 10px;height:5px; background: red;line-height: 0;font-size:0;vertical-align: middle;-webkit-transform: rotate(45deg);}
css
转载 2020-04-06 23:00:00
456阅读
2评论
文章目录CSS层叠性CSS继承性CSS优先级CSS特殊性(Specificity)总结:层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。一般情况下,如果出现样式冲突,则会按照CSS书写的顺序
CSS
原创 2020-06-29 20:00:08
266阅读
CSS实现自适应不同大小屏幕的背景图的两种方法 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用图,我们既不想图片因为不同分辨率图片变形,也不希望当在屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景图,而且背景图片不会随着滚动条滚动而滚动。用CSS实现真的很简单很简单,下面我们来看一下第一种方法具体的代码:HTML代码: 1
转载 2024-03-21 15:35:59
323阅读
继承性 什么是继承性? 作用:给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性 示例代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>继承性</title> <style> div {
原创 2021-03-08 08:57:00
131阅读
层叠性、继承性、优先级 优先级 权重叠加 如果是复合选择器,则会有权重叠加。权重会叠加但无进位!!! ...
转载 2021-07-27 15:09:00
314阅读
2评论
CSS特性CSS层叠性所谓层叠性是指多种CSS样式的叠加。比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。一般情况下,如果出现样式冲突,则会按照CSS书写的顺序,以最后的样式为准。(就近原则)CSS继承性子标签会继承父标签的某些样式,如文本颜色和字号。想要设置一个可继承的属性,只需将它应用于父元素即可。...
转载 2021-09-02 10:03:24
160阅读
1.层叠性 当样式冲突时(给同一选择器设置了相同样式),后一个样式会覆盖后一个样式。 2.继承性 子标签会继承父标签的某些样式,如文本颜色和大小 3.优先级 选择器相同则执行层叠行 选择器不同,根据选择器权重执行 权重叠加:虽会叠加但不会进位,继承的权重为0.。 ...
转载 2021-09-28 15:46:00
160阅读
2评论
1、层叠性相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式
原创 2022-09-20 10:38:21
101阅读
    在浏览器中checkbox是经常使用的勾选框,但是,checkbox不能放大缩小,在页面字体都放大了的时候,checkbox框大小不变,很影响美观。最近发现一个CSS3制作的checkbox,除了IE支持不好外,其它使用都很好。代码如下,效果见图。checkbox button1 <!DOCTYPE html> 2 <html lang=
转载 2024-05-08 21:16:04
57阅读
一 层叠性 .nav { color: red; } .nav { color: blue; } <div class="nav">样式的层叠性</div> //页面文字显示蓝色 原则: . 样式冲突 遵循的原则是就近原则,哪个样式离结构近,就执行哪个。 . 样式不冲突,不会层叠 二 继承性 子标签
转载 2021-01-22 20:01:00
104阅读
2评论
CSS样式 一、盒子模型 border 边框 box-sizing:固定盒子大小 box-sizing:border-box; border-style:(可以设置单独上下左右的样式) botted 点线 dashed 虚线 solid 实线 double 双线,两个边界,宽度和border-w ...
转载 2021-10-30 12:44:00
76阅读
2评论
CSS的三特性:层叠性,继承性,优先级。
原创 2023-07-06 15:53:12
101阅读
CSS特性层叠性:解决样式冲突的问题原则:样式冲突,遵循就近原则,哪个样式离结构近,就执行哪个样式,可以理解为覆盖也就是层叠,第二个样式把第一个样式覆盖了样式不冲突,不会层叠继承性:子标签会继承父标签的某些样式,如文本颜色和色号降低CSS样式的复杂性部分样式(text-,font-,line- 这些开头的以及color属性)行高的继承注意:font: 12px/1.5 'Microsoft YaHei';这里的行高“1.5”是字体大小的1.5倍,也就是12*1.5=18px
原创 2020-12-18 00:59:26
140阅读
文字阴影在css3中通过text-shadow属性实现对页面中的文字添加阴影效果语法格式text-shadow:水平距离 垂直距离 阴影的模糊半径 阴影的颜色其中水平距离和垂直距离为必填选项,通常使用像素值来设置,水平距离设置的值越大 阴影效果越靠右 垂直距离设置的值越大 阴影效果越靠下 阴影的模糊半径和阴影的颜色为选填项 其中阴影的颜色默认选项为该文字的颜色 即如果要设置阴影
# 如何在iOS中实现CSS字符间距调整 在移动开发中,尤其在iOS应用中,调整文本的字符间距可以显著提升用户体验。本文将指导你如何通过CSS实现字符间距调整,我们将一步一步来了解整个流程。以下是我们将要执行的步骤: ## 流程概览 | 步骤 | 操作 | 描述 | | ---- | -------- | -----
原创 2024-09-21 07:40:35
56阅读
本文档是用XML和css样式表关联,所以css的设置都以一下的XML文档作为例子<?xml version="1.0" encoding="gb2312"?> <?xml-stylesheet type="text/css" href="product.css"?> <productdata> <product prodid="p001" ctego
原创 2023-11-08 00:08:19
178阅读
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> html { background: #000; } .overAll { back...
css
原创 2021-07-28 11:39:22
651阅读
文章目录知识图谱笔记地址:知识图谱笔记地址:
原创 2022-07-06 18:55:03
89阅读
1,flex布局是个什么东西?官方说法:Flex是Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 民间说法:flex 就是一种布局方式,类似于 block,inline-block等。2,flex涉及的概念Flex的基本作用就是让布局变的更简单,比如“垂直居中”等,当然不止这个,要说清楚flex有什么作用首先要了解一些概念。
文章目录CSS尺寸(Dimention)行高line-height属性尺寸的其他属性heigh、width属性max-height、max-width属性min-height、min-width属性文本text-transform属性text-docoration属性letter-spacing属性world-spacing属性text-align属性text-indent属性回顾一下之前的
  • 1
  • 2
  • 3
  • 4
  • 5