标签:CSS

CSS

CSS 注意点

logo 54 2023-08-17

1、样式的层叠问题 如果给同一个标签设置了相同的属性,此时样式会层叠 (覆盖),写在最下面的会生效 2、网页布局 div 用来网页布局,一个页面可能用无数次,原则: 如果使用div ,尽量使用类名控制样式 ...

详情...
CSS

CSS 文字样式

logo 52 2023-08-17

1、文字大小 font-size 属性名: font-size 取值: 数字 + px 注意点: 谷歌浏览器默认文字大小是16px 单位需要设置,否则无效 2、文字粗细 font-weight 属性名: font-weight 取值: 关键字 正常 normal 加粗 bold (和 700 ...

详情...
CSS

CSS 选择器

logo 48 2023-08-17

CSS中,选择器用来指定网页上我们想要样式化的HTML元素。 1、元素选择器 又称标签选择器 结构: 标签名{ css属性名: 属性值; } 作用:通过标签名,找到页面中所有这类标签,设置样式 注意点 标签选择器选择的是一类标签,而不是单独某一个 标签选择器无论嵌套关系有多深,都能找到对应的标签 实例: h1 ...

详情...
CSS

CSS 的引入方式

logo 42 2023-08-17

CSS(层叠样式表)可以通过以下几种方式进行引入: 外部样式表 又称外联式将CSS代码保存在一个独立的CSS文件中,然后使用<link>标签将该文件引入到HTML文件中。示例代码如下: <link rel="stylesheet" type="text/css" href="styles.css"&g ...

详情...
前端

收集各种 CSS 特效和组件的网站,直接复制代码就可以拿去使用

logo 157 2023-02-26

1、一款生成 CSS box 阴影的在线可视化工具。 可以设置多层阴影,可以复制 TailwindCSS JIT 模式的代码和纯 CSS 代码。 Box Shadows for TailwindCSS 2、CSS 实现的 checkbox 样式集合 CSS Scan 3、各种 CSS 特效和组件 uiverse A ...

详情...
前端

CSS 级联算法中的特异性介绍

logo 275 2022-03-06

特异性 特异性是级联算法的一个关键部分,本节内容将深入了解特异性。 上一节,介绍了级联算法,级联算法是为了解决css规则冲突的算法。而特异性作为其中一个重要部分,我们有必要去弄懂它。 假设有如下css和html: <button class="branding">color?</button> ...

详情...
前端

CSS 优先级规则 - 级联

logo 469 2022-03-06

级联 有时候,有多个相同的css规则可以被应用于同一个元素。此时浏览器需要使用级联算法确定最后使用哪一个css规则进行页面渲染。 css是级联样式表(Cascading Stylesheets)。级联是解决当多个css规则被同时应用于一个html元素时产生的冲突的一种算法。正因为级联,下面的按钮才会被渲染成蓝色: &l ...

详情...