• 18 2024-01 CSS

    如何判断选择器的优先级及权重

    先来比较一下行内样式表及id选择器代码:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>CSS选择器</title><style type="tex......

  • 18 2024-01 CSS

    CSS的 id选择器的代码详解

    我们知道class选择器,在一个同一个页面中可以使用多次,但是如果我想找到页面中唯一的元素怎么办,尤其是我们学习到后面的知识点,比如在js语言中,我们使用id的这种方式比较多。所以我来看一下id选择器的使用及其特点,id选择器的特点就是具有唯一性,这意味着同一id在同一文档页面中只能出现一次。那他的使用也是先定义后使......

  • 18 2024-01 CSS

    CSS的基本属性样式

    1.Color:颜色;规定颜色值为颜色单词名称例如(red)或者十六进制值得颜色例如(#ff0000)或者为rgb值得颜色例如(rgb(255,0,0));2.Width:宽度;设置元素的宽度值,值为数字;单位为px(像素)、em(字符)、%(百分比);默认值为auto(自动,通过浏览器自动计算出宽度值单位为像素)3.......

  • 18 2024-01 CSS

    CSS的复合选择器应用的代码

    复合选择器根据元素的名称、id、类名,使符合条件的元素共同拥有样式;各选择器条件要以分号(,)隔开。语法: h2 , #subid , .subclass {color:blue;}代码:<!DOCTYPE html><html><head><meta charset=&quo......

  • 18 2024-01 CSS

    CSS 选择器的类别应用

    常见的类选择器类型有如下几种:1.标签选择器,标签选择器名称{css样式代码;}2.类选择器,类选器名称{css样式代码;}3.ID 选择器,#类选器名称{css样式代码;}4.子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。5.包含选择器,即加入空格 ,用于选择指定标签元素下的后辈元素。6.通用......

  • 18 2024-01 CSS

    CSS的尺寸单位介绍

    1.px:为像素单位。它是显示屏上显示的每一个小点,为显示的最小单位。它是一个绝对尺寸单位;是固定单位。2.em:它是描述相对于应用在当前元素的字体尺寸,所以它也是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px;是相对于其父元素来设置字体大小的。3.%: 百分比,它是一个更纯粹的相对长度单位。......

  • 18 2024-01 CSS

    CSS 的继承、层叠和特殊性详解

    CSS 的某些样式是具有继承性的,继承是一种规则,它允许样式不仅应用于某个特定 HTML 标签元素,而且应用于其后代。特殊性:不同选择器具有不同权值,标签的权值为 1,类选择符的权值为 10,ID选择符的权值最高为 100。层叠 就是在 HTML 文件中对于同一个元素可以有多个 CSS 样式存在,当有相同权重的样式存在......

  • 18 2024-01 CSS

    CSS 盒模型

    元素分类在 CSS 中,HTML 中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:前端学习笔记 HTML +CSS块级元素特点:每个块级元素都从新的一行开始,并且其后的元素也另起一行。元素的高度、宽度、行高以及顶和底边距都可设置。元素宽度在不设置的情况下,是它本......

  • 18 2024-01 CSS

    Css应用技巧代码

    1.清除图片下方出现几像素的空白间隙方法1:代码如下:img{display:block;}方法2:代码如下:img{vertical-align:top;}除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的<length>和<per......

  • 18 2024-01 CSS

    Css的盒模型

    边框盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。前端学习笔记 HTML +CSS单独设置下边框的例子 div{border-bottom:1px solid red;}宽度和高度CSS 内定义的宽(width)和高(height),指的是 填充以里的内容范围。一个元素实......

在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码