目录一、CSS字体属性1、 font-size:字号大小2、font-weight:字体粗细3、 font-family:字体4、CSS Unicode字体 5 、font-style:字体风格6 、font综合设置字体样式二、CSS文本属性1 、color 文本颜色2、text-align 文本对齐方式3 、text-decoration 文本修饰4、 text-transf
字体的分类在网页中将字体分成5大类:
serif(衬线字体)
sans-serif(非衬线字体)
monospace (等宽字体)
cursive (草书字体)
fantasy (虚幻字体)斜体和粗体font-style用来指定文本的斜体
指定斜体:font-style:italic
指定非斜体:font-style:normal
font-weight 用来指定文本
转载
2024-10-12 15:57:09
470阅读
一、行高CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在“行”上的。 基本语法:line-height: 40px;文字,是在自己的行里面居中的。比如,现在文字字号14px,行高是24px。那么: 注意:为了严格保证字在行里面居中, 行高、字号一般都是偶数。这样,它们的差,就是偶数,就能够被2整除。如果行高不是偶数,则文字下面的行高比上面的大1.上例
转载
2024-08-30 21:16:35
169阅读
width: 100%; height: 100%; display: block; width: 100%; height: 100%; display: block;
原创
2022-04-19 15:59:14
1549阅读
min-height: calc(100vh - 225px); 待续。。。
原创
2022-01-11 11:44:37
831阅读
视频背景有一些官方网站为了弘扬他们的企业文化,往往会拍一些记录短片。如果能把这些记录短片放在公司的官方网站上,既能体现公司的企业文化又能给网站提供更加绚丽的视觉享受预览效果接下来请看下我制作的一个demo:预览效果:视频全屏背景案例 下载源码:http://chengqige.com/bg/video/index.rar大家可以下载源码进行阅读,关键的部分我都做了详细的注释核心代码展示css部分*
转载
2024-07-30 16:50:43
126阅读
一、transform: rotateX() rotateY()先要将图片进行旋转。rotateX(30deg)变成了有点难理解。附上几何图(侧面视角): rotateY(30deg):同样的道理,几何图(顶部视角): 然后就可以将图片进行旋转,准备了8张图片需要旋转的角度为(360/8 = 45deg)。<style type="text/css
**背景:它支持为元素添加背景颜色和背景图片。**(作者:小雨妖妖 撰写时间:2019.1.18 开发工具与关键技术:DW/CSS中的Backgound)接下来介绍下背景相关的属性(理论知识)(1)Background-color:背景颜色(2)Background-image:用于设置背景图片。 注意:如果同时设置背景颜色(background-color)和背景图片(background-im
一、css宽高自适应: 1.宽度自适应: 元素宽度设为100%(块状元素的默认宽度为100%) 注:应用在通栏效果中 2.高度自适应: height:auto;或者不设置高度 3.最小,最大高度,最小,最大宽度: a)最小高度 min-height:value; IE6不识别min-height属性,解决方案如下:&n
转载
2023-12-13 12:15:40
322阅读
在Android应用开发中,有时我们需要判断一个 `TextView` 是否占满一行,这个需求对于界面布局和用户体验至关重要。下面,我将详细记录解决“android textview判断是否占满一行”问题的过程。
---
### 问题背景
在开发某个聊天应用时,我遇到一个用户场景,用户希望在某些情况下将消息文本的显示控制在一行内。为此,我需要明确如何判断 `TextView` 是否占满一行。
常见CSS居中方法1. 水平居中1.1 文本级居中1.2 块级居中2. 垂直居中2.1 文本级居中2.2 块级居中 1. 水平居中1.1 文本级居中文本、或具有inline特性的元素,想要使其居中,则设置文本所在容器、或具有inline特性元素的父元素设置如下属性:元素 { text-align: center; }实例:div{
width: 100px;
height: 100px;
转载
2024-03-21 22:46:27
614阅读
本文主要介绍了 CSS 中处理图片时容易被忽略的细节,通过阅读本文,你将了解到图片拉伸如何处理、给透明图像添加阴影、滤镜、将背景图像设置为文本颜色等内容。 文章目录1.图片拉伸问题处理2.透明图像的阴影3.滤镜4.背景图像设置为文本颜色 1.图片拉伸问题处理日常经常遇到图片列表,而图片大小不一。 (1)为了使图片不被拉伸,之前我是这么操作的:给 <img> 标签外边多加个 <di
转载
2024-04-11 09:50:27
112阅读
http://www.cnblogs.com/rainman/archive/2011/08/05/2128068.html
转载
精选
2012-06-10 19:29:15
722阅读
font-size: 12px line-height: 16px font-size: 14px line-height: 19px font-size: 16px line-height: 21px font-size: 18px line-height: 24px font-size: 20p ...
转载
2021-08-11 18:44:00
788阅读
2评论
↭↭↭↭↭↭↭
原创
2023-02-28 09:20:27
264阅读
目录-CSS宽高自适应宽度自适应的使用高度自适应的使用最小高度拓展-最大最小值的设置高度塌陷伪对象/伪元素选择器css中常见隐藏元素的用法 宽度自适应的使用属性:width属性值:常规属性值(数值单位):像素px、百分比%特点
浏览器HTML+BODY是块级元素,宽度默认是100%,高度是0(设置全屏效果或者移动端需要宽高100%)当块级元素设置宽度是100%或者不写宽度的时候默认会占满浏
转载
2024-01-30 22:58:11
180阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <met
原创
2008-09-30 10:21:57
859阅读
html5的标签很多,这里不一一列举。下面只将常用的一些html5的行标签和列标签进行了分类总结,方便大家学习借鉴。注意:一些标签可在css样式中进行行标签与列标签的互相转换,这里所列举的标签没有进行任何样式的设置,所有列标签和行标签经本人亲测有效。块标签:<h1>一级标题 <h2>二级标题
<h3>三级标题
<h4>四级标题
<h5
转载
2024-01-16 11:19:44
85阅读
深入理解 CSS 中的行高与基线 1、基本概念 1. 基线、底线、顶线、中线 注意:基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来), ...
转载
2021-07-28 00:49:00
323阅读
2评论
# iOS中的CSS自动折行技巧
在移动设备上,良好的用户体验至关重要,尤其是在文本内容丰富的应用中。为了确保文本在 iOS 应用中能够自动折行,我们需要合理地使用CSS样式。本文将介绍如何在 iOS环境中实现自动折行,并提供相应的代码示例。
## 什么是CSS自动折行?
CSS自动折行是指在文本内容较长时,浏览器会根据可视区域的宽度将文字自动分行,避免文本溢出或被裁剪。在移动设备上,这一点
原创
2024-11-01 07:47:16
46阅读