rem基础rem 单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。rem的优势:父元素文字大小可能不一致, 但是整个页面只有一个html,可以很好来控制整个页面的元素大小/* 根html 为
转载
2024-05-31 13:22:03
74阅读
1、容器查询(Container Queries)容器查询@container类似于媒体查询@media,区别在于查询所依据的对象不同。媒体查询依据的是浏览器的视窗大小,容器查询依据的是元素的父元素或者祖先元素的大小。有关容器查询的属性一共有三个,分别是container-type、container-name、container。
container-type:标识一个作为被查询的容器,取值范围
转载
2024-08-07 16:17:54
142阅读
CSS浮动和清除浮动1.浮动float div配合float浮动来做页面的布局,浮动最常用的地方就是用来做布局。只有一个标签设置了浮动float属性,就会变成块级标签。<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>10fl
转载
2021-01-20 19:55:58
236阅读
2评论
tablesorter带排序标签
原创
2023-01-12 01:39:57
99阅读
浮动属性浮动可以让元素一个挨着一个。创建一个自然流布局,同时可以设置自身尺寸和父元素容器的尺寸大小。一个元素浮动时,其他元素会“环绕”他。当元素浮动时,一个元素的位置取决于放置在他周围的元素,围绕在他周围的第是哪个元素?这个元素会不会换行,这一切取决于围绕在他周围的元素的DOM浮动存在的问题典型问题是一个父元素包含多个浮动子元素,页面内容设置一个宽度
,子元素的浮动确定了他们的位置,但浮动的元素不
转载
2021-01-22 20:34:06
284阅读
2评论
outline-style属性用于设置元素的整个轮廓的样式。样式不能是 none,否则轮
原创
2023-02-07 05:17:01
86阅读
如果你确实需要在CSS中根据元素的偏移量来应用样式,并且这个偏移量是动态的(比如,基于JavaScript计算得出的),你可能需要使用JavaScript来动态地修改元素的
原创
2024-09-24 10:26:57
112阅读
<!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>
<me
原创
2013-08-23 16:03:45
695阅读
爱是朝朝暮暮的相守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
1300阅读
边框属性 边框左侧格式: 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评论
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
720阅读
点赞
1)字体、文本 font-size:字体大小 color:文本颜色 text-align:对其方式 line-height:行高 2)背景: background 3)边框:border:设置边框,符合属性 4)尺寸 width:宽度 height:高度 例子: <!DOCT ...
转载
2021-09-08 11:15:00
206阅读
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
1159阅读
点赞
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阅读
点赞
正文 CSS的定位属性有三种,分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍。 相对定位 相 ...
转载
2021-08-03 22:46:00
446阅读
2评论
background 的常见背景属性 css2.1 中,常见的背景属性有以下几种:(经常用到,要记住) background-color:#ff99ff; 设置元素的背景颜色。 background-image:url(images/2.gif); 将图像设置为背景。 background-repe ...
转载
2021-08-03 21:36:00
720阅读
2评论
该文参考了《别具光芒》一书,特此声明。
原创
2013-07-31 19:16:09
878阅读
点赞
CSS的columns属性是一个简写属性,它允许你同时设置(列数)和column-gap(列间隙)的值,用于在文本内容中创建多列布局。这个属性主
原创
2024-07-09 10:52:52
72阅读
属性值是不能删除的,只能改变属性值达到我们想要的效果1.去掉div的高度<div style='height:50px' id='height'></div>
<script>
$('#height').css('height','auto')
</script>2.去掉div的display属性使div显示出来<div style='dis
转载
2020-03-25 19:20:52
169阅读