样式补充

今天药忘吃喽~ 2022-11-30 04:11 131阅读 0赞

### 文章目录 ###

*  样式补充
 *   *  display：list-item
     *  图片失效时的宽高问题
     *  行盒中包含行块盒或可替换元素
     *  text-align:justify
     *  制作一个三角形
     *  direction 和 writing-mode
     *  utf-8字符

# 样式补充 #

## display：list-item ##

设置为该属性值的盒子，本质上仍然是一个块盒，但同时该盒子会附带另一个盒子

元素本身生成的盒子叫做主盒子，附带的盒子称为次盒子，次盒子和主盒子水平排列

涉及的css：

1.  `list-style-type`

设置次盒子中内容的类型

1.  `list-style-position`

设置次盒子相对于主盒子的位置

1.  速写属性`list-style`

**清空次盒子**

list-style: none

## 图片失效时的宽高问题 ##

如果img元素的图片链接失效，img元素的特性和普通行盒一样，无法设置宽高

## 行盒中包含行块盒或可替换元素 ##

行盒的高度与它内部的行块盒或可替换的高度无关

## text-align:justify ##

text-align:

*  left: 左对齐
 *  right: 右对齐
 *  center：居中
 *  justify: 除最后一行外，分散对齐

## 制作一个三角形 ##

div{ 
          width: 0;
          height: 0;
          border: 200px solid transparent;
          border-left-color: #f00;
        }

## direction 和 writing-mode ##

开始 start -> 结束 end  
左 left -> 右end

开始和结束是相对的，不同国家有不同的习惯

左右是绝对的

direction设置的是开始到结束的方向

writing-mode: 设置文字书写的方向

## utf-8字符 ##

<div>
      你好
    </div>

div::after{ 
         content: "\4F60\597D";
        }

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery 补充

jQuery事件机制一般通过on、off方法来实现，不过也有简写的形式。 1、事件处理命名函数法： $("<div></div>").appendTo

àì夳堔傛蜴生んèń/ 2023年07月07日 11:27/ 0 赞/ 12 阅读

相关样式补充

文章目录样式补充 display：list-item 图片失效时的宽高问题行盒中包含行块盒或可替换元素 t

今天药忘吃喽~/ 2022年11月30日 04:11/ 0 赞/ 132 阅读

相关 C++ 补充

标准输入流 cin>>x; 读入整型数时，以第一个非数字为终结读入字符串时，以第一个空格，Tab 或换行符为终结 cin.getline

逃离我推掉我的手/ 2022年09月09日 06:41/ 0 赞/ 145 阅读

相关 mysql 补充

SQL语言定义了这么几种操作数据库的能力： DDL：Data Definition Language DDL允许用户定义数据，也就是创建表、删除表、

以你之姓@/ 2022年09月08日 00:07/ 0 赞/ 153 阅读

相关 ActiveMQ的补充

一、JMS的api中定义了五种消息类型： ①TextMessage：java.lang.String对象，如xml文件内容 ②MapMessage：名/值对的集合，名

骑猪看日落/ 2022年07月17日 02:27/ 0 赞/ 129 阅读

相关 DOM补充

一、节点的创建，插入与克隆 1. createElement("p") 创建一个节点（会自动补齐标签） 2. appendChild(p) 在元素末

快来打我*/ 2022年06月11日 08:09/ 0 赞/ 142 阅读

相关 (补充一)CountDownLatch

[(补充一)CountDownLatch][CountDownLatch] 引言: 在学习单例模式时候，用到了锁synchronized的概念，在多线程中又用到了Cou

雨点打透心脏的1/2处/ 2022年01月28日 13:51/ 0 赞/ 160 阅读

相关补充 -1

1）A类网络的默认掩码是255.0.0.0，换算成二进制就是11111111.00000000.00000000.00000000；默认掩码意味着没有将A类大网(A类网络)再划

青旅半醒/ 2021年12月10日 10:55/ 0 赞/ 247 阅读

相关 docker补充

Docker最初是dotcloud 公司创始人Solomon Hykes 在法国期间发起的一个公司内部的项目，在2013年3月1以Apache 2.0授权协议开源，主要项目代码

刺骨的言语ヽ痛彻心扉/ 2021年11月26日 10:14/ 0 赞/ 278 阅读

相关 jQ 引入、补充

引入下载文件(script引入) 引入静态cdn文件(上网搜，复制文件路径，script引入) <script src="js/jquery-3.4.1.js">

「爱情、让人受尽委屈。」/ 2021年07月24日 19:09/ 0 赞/ 451 阅读