div{ /*实现了宽度为父容器宽度减去固定的300像素*/ width:-webkit-calc(100% - 200px); width:-moz-calc(100% - 200px); width:calc(100% - 200px); } ...
转载
2021-10-26 15:15:00
284阅读
2评论
宽度等于父元素的宽度减去16像素 高度等于父元素的高度减去16像素 注意：100%和16px 与减号之间必须有空格，否则高度会失效！！！！ .box{ width:calc(100% - 16px); height:calc(100% - 16px); margin:8px; width:calc( Read More
转载
2018-11-21 14:30:00
599阅读
2评论
CSS属性值的计算遵循以下顺序：
1. 确定声明值 → 2. 解决层叠冲突 → 3. 继承 → 4. 默认值，理解这一过程有助于更精准地控制样式，并高效排查布局问题。通过浏览器开发者工具的Computed面板，可直观查看最终计算值。
前言lineheight属性算是CSS中比较常用的属性了，那么你知道lineheight属性是如何计算的吗？你知道整数、小数、百分比形式计算会有什么不同吗？今天我就来大家来了解一下lineheight属性是如何计算的。整数数值例：父元素fontsize:20px;子元素fontsize:15px;父元素lineheight:50px子元素lineheight如图所示：!在这里插入图片描述(http
原创
2022-08-25 22:25:02
842阅读
爱是朝朝暮暮的相守CSS字体样式属性font-size:字号大小font-family:字体注意CSS Unicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式 (重点)CSS外观属性color:文本颜色line-height:行间距text-align:水平对齐方式text-indent:首行缩进text-decoration 文本的装饰简单案例CSS字体样式属性font-size:字号大小font-size属性用于设置字号，该属性的值可以使用相对长
原创
2020-06-26 22:07:36
1295阅读
css属性（1）文本属性文本大小：font-size：value（值）；说明：属性值为数值型时，必须给属性值加单位，属性值为0时除外；单位可以是px，pt，em（2）文本颜色：color：#颜色值；（3）文本字体：font-family；（4）加粗：font-weight；（5）倾斜：font-style；（6）水平对齐方式：text-align；（7）行高：line-height；（8）文本修饰
原创
2018-11-14 21:30:35
717阅读
点赞
1）字体、文本 font-size：字体大小 color：文本颜色 text-align：对其方式 line-height：行高 2）背景： background 3）边框：border：设置边框，符合属性 4）尺寸 width：宽度 height：高度 例子： <!DOCT ...
转载
2021-09-08 11:15:00
203阅读
2评论
目录：1.字体 2.文本 3.背景 4.边框、轮廓 5.列表 6.定位属性 7.表格 1.字体属性1.1.font 设置所有字体属性p{font: italic bold 12px/20px arial,sans-serif;}1.2.font-family 文本的字体系列p{font-family: "隶书","Times New&nb
原创
2014-03-12 22:10:14
1153阅读
点赞
02.CSS属性 2.1 文本作用用于定义文本的外观,包括文本颜色、行高、对齐方式、字符间距等.常见属性属性名含义color设置文本颜色line-height设置行高text-align设置水平对齐方式，left、right、centertext-indent :2em段首缩进2个字符(汉字).letter-spacing设置字符间距text-decoration设置文本修饰
原创
2017-04-24 11:55:25
801阅读
点赞
边框属性 边框左侧格式： border-left-color:green; border-left-width:5px; border-left-style:solid; 上述所有的属性名前缀都一样 所以可以简写为： border-left:5px solid yellow 边框上方格式： bord ...
转载
2021-08-05 16:03:00
220阅读
2评论
文本：color颜色line-height行高direction文本方向letter-spacing字符间距text-align对齐方式text-decoration文本修饰text-indent首行缩进text-transform字母大小写unicode-bidi文本方向white-space空白... Read More
转载
2015-03-26 22:58:00
156阅读
2评论
background 的常见背景属性 css2.1 中，常见的背景属性有以下几种：（经常用到，要记住） background-color:#ff99ff; 设置元素的背景颜色。 background-image:url(images/2.gif); 将图像设置为背景。 background-repe ...
转载
2021-08-03 21:36:00
720阅读
2评论
正文 CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍。 相对定位 相 ...
转载
2021-08-03 22:46:00
443阅读
2评论
接下来我们讲以下几个方面：显示数学、calc()的数学运算符、嵌套计算(calc())、CSS自定义属性和calc()、浏览器兼容和一些用例。
原创
2021-06-30 10:38:46
585阅读
算是一个非常重要的基础，需要好好学习。
原创
精选
2023-04-01 21:18:58
323阅读
CSS 常见属性 文字属性 font-style 作用：规定文字样式 格式：font-style: italic; 取值： normal：正常的，默认就是正常的 italic：倾斜的 快捷键： fs font-style: italic; fsn font-style: normal; font-w
原创
2021-03-07 00:16:00
408阅读
一、CSS的基本了解CSS代码，主要由两部分构成：选择器{ 属性：值；}选择器：决定针对哪些元素进行修改属性和值都是针对被选中的元素进行的。举个例子： style标签里面就可以放置CSS代码，一个html文件中可以把style放到任意位置，但是一般习惯上放到head标签中，并且style可以存在多份~二、CSS的另外两种使用规则1.行内
转载
2024-07-18 23:43:02
323阅读
CSS cursor
属性CSS cursor
属性，以前不知道，如果以后用到自己看的<html><body><p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p><span style="cursor:auto">Auto</span><br /><span style="cursor:crossha
转载
2017-10-24 19:50:00
379阅读
2评论
定义和用法cursor 属性规定要显示的光标的类型（形状）。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。默认值：auto继承性：yes版本：CSS2JavaScript 语法：object.style.cursor="crosshair"实例一些不同的光标：span.crosshair {cursor:crosshair;}sp
转载
2013-06-05 13:37:00
172阅读
2评论
CSS在position位置信息要素用于表示属性。有三个取值：static, absolute, relative
转载
2015-08-23 18:05:00
127阅读
2评论
