CSS
关注
分享
扫一扫
css
娃哈哈哈哈呀
分享我的学习笔记和经验教训
展开
-
标准盒模型和怪异盒子模型的区别
盒模型描述了一个 HTML 元素所占用的空间，由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。原创 2024-07-08 12:11:04 · 1343 阅读 · 0 评论 -
如何使一个盒子水平垂直居中（常用的）
相对父级上边和左边，或者下边和右边各移动50%，同时通过外边距减去自身的宽高各一半的大小。//子元素宽度的一半。//子元素高度的一半。来直接减去盒子自身的50%大小。将盒子的上下左右定位全部设置为0，同时设置外边距自适应。原创 2024-07-08 11:31:55 · 777 阅读 · 0 评论 -
Flex 布局教程
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。通过选择不同的值组合，你可以灵活地控制弹性容器中项目的排列方向和换行行为，以满足各种布局需求。属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。属性定义项目的排列顺序。属性都为1，当空间不足时，都将等比例缩小。属性为0，其他项目都为1，则空间不足时，前者不缩小。属性决定（水平）主轴的方向（即项目的排列方向）。原创 2024-02-06 22:34:03 · 922 阅读 · 0 评论 -
input框前面名字长短不一时，让上下input框对齐方法
【代码】input框前面名字长短不一时，让上下input框对齐方法。原创 2024-02-02 18:00:34 · 1064 阅读 · 0 评论 -
当文本内容超出容器宽度时，显示省略标记（...）
属性来实现文字溢出显示小点点的效果。当文本内容超出容器宽度时，可以使用CSS中的。原创 2024-02-02 17:15:30 · 553 阅读 · 0 评论 -
CSS中的继承是什么？哪些属性可以继承，哪些不能继承？
这意味着当你为父元素设置了某些属性时，子元素可以继承这些属性值，而。然而，并非所有属性都可以继承。但子元素仍可以通过显式设置自己的值来覆盖继承的值。需要注意的是，尽管某些属性可以继承，无需显式地为子元素设置相同的值。此外，有些属性可以通过使用。关键字来强制继承父元素的值。继承是一种属性传递机制。，它允许某些属性的值从。父元素传递到其子元素。原创 2024-02-02 11:29:23 · 2852 阅读 · 0 评论 -
CSS标签
口诀： 样式点定义，结构类class调用 一个或多个用 开发最常用。口诀： 样式#定义， 结构id调用， 只能用一次， 别人切勿使用。特点: ID属性只能在每个HTML文档中出现一次。用法：.nav {color: red;用法：#nav{color:red;用法：p{color: red;用法：* {color:red;作用：可以选出1个或者多个标签。作用：可以选择相同的签比如p。作用：一次只能选择1个标签。使用情况：特殊情况使用。原创 2021-07-12 09:59:24 · 117 阅读 · 1 评论 -
css引入方式
CSS的三种样式表1.内部样式表意思是写到html页面内部，是将所有的CSS代码抽取出来，单独放到一个<style>标签中。优点：部分结构和样式相分离缺点：没有彻底分离使用情况：较多控制范围：控制一个页面操作如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa原创 2021-07-14 12:31:25 · 99 阅读 · 0 评论 -
CSS字体属性总结
font-size用来定义字体大小单位：px注意：标题标签比较特殊，需要单独指定文字大小操作如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi.原创 2021-07-13 13:07:20 · 210 阅读 · 0 评论 -
CSS文本属性总结
color用于定义文本的颜色通常用十六进制操作如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial原创 2021-07-13 18:39:20 · 126 阅读 · 0 评论 -
CSS背景总结
背景颜色background-color语法：background-color：颜色值；操作如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte..原创 2021-07-17 11:51:52 · 103 阅读 · 0 评论 -
CSS的元素显示模式
块元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol><li>等，其中<div>标签是最典型的块元素块级元素的特点:高度，宽度外边距以及内边距都可以控制宽度默认是容器(父级宽度)的100%。是一个容器及盒子，里面可以放行内或者块级元素注意:文字类的元素内不能使用块级元素<p>标签主要用于存放文字因此<p>里面不能放块级元素特别是不能放<div原创 2021-07-16 14:11:55 · 114 阅读 · 0 评论 -
CSS的复合选择器
1.后代选择器作用：用来选择后代特征：可以是子孙后代使用情况：较多符号是：空格( )语法：元素1元素2 {样式声明}操作如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name.原创 2021-07-14 18:26:42 · 102 阅读 · 0 评论