对于前端开发来说，js是一个非常好的语言，js不但可以写js代码，还可以写html标签，甚至也可以写css代码，学习了很长时间，一直有一个问题困扰着我，就是虽然可以通过js来给html元素添加css代码，但是代码太繁琐了，比如给一个div盒子添加一个边框和宽高，css代码直接就是div{ border:1px solid #ccc; width:100px; height:80px}而使用j
转载
2021-08-10 15:50:00
223阅读
2评论
css属性font-size可以用来设置字体的大小, 可是有时候看到大小的设置是font:bold 20px/24px Verdana, Geneva, sans-serif;这里的20px/24px是指的什么, 这个斜杠表示什么呢?解答：font有多个属性，我写的时候一般就用缩写：font:normal 12px/22px "宋体";这样的意思是:字体不加粗，字号是12px，行高是22px，字体
转载
2024-03-01 18:35:29
46阅读
text-indent1.text-indent只用于div，p这样的元素上，像p_w_picpath、input、inline-block、inline元素绝对不用。2.text-indent的值如果子元素也要用到父元素的值，用px单位，而绝不用em。CSS 定位机制CSS 有三种基本的定位机制：普通流、浮动和绝对定位。position 属性值的含义：static元素框正常生成。块级元素生成一
原创
2014-02-14 13:25:50
459阅读
1.文字在垂直方向居中===》 line-height = 元素高度 ps:文字内容不能超过元素的宽度，即不能换行。2.ID==》标识唯一元素 Class===》标识一类元素 每个标签元素可以赋予多个Class3.常用命名规范 导航：nav 侧栏：sidebar 栏目：column &nbs
原创
2016-05-07 15:20:39
438阅读
CSS全称为Cascading Style Sheet 译为级联样式表，CSS的出现主要是为了解耦、提高易维护性。我们
原创
2022-11-30 14:10:14
68阅读
280行纯CSS，喜欢拿走<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"100%; height: 100%;}body { wi
原创
2022-08-23 10:56:01
126阅读
1只能对body元素
原创
2023-07-31 17:29:07
43阅读
1. 新闻代码:<!DOCTYPE html ><html lang="en"><head> <meta charset="UTF
原创
2023-02-07 05:20:08
62阅读
<div id="shizijia"></div>
#shizijia {
margin-left:80px;
background:blue;
height:130px;
position:relative;
width:18px;
}
#shizijia:after {
background:green;
content: "";
h
原创
2023-10-05 10:01:13
140阅读
外边距折叠比如如下代码最终结果是外边距30px 而不是50px为了避免折叠通常
原创
2022-08-19 11:26:44
86阅读
CSS代码语法 css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示： 选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 声明：在英文大括号“｛｝”中的的就是声明，属性和值之间用英文冒号“：”分隔。
转载
2019-08-28 10:48:00
344阅读
2评论
前言本人之前自学并发版了一个微信小程序（TXT音乐播放器），趁着还没忘，把常用的一些CSS样式总结在下方。微信小程序使用的css文件后缀为wcss，总的来说，与html中的css语法大致相同，但还是有一些特别的地方（有一些特有的语法与一些不太支持的语法）。 正文1.新建一个微信小程序页面时，可以在最外层写一个view标签（类似div标签），然后设置它的css(wcss)样式为：.main
转载
2023-11-26 19:49:18
110阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载
2010-12-12 17:28:00
99阅读
2评论
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写： p{ text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/ } 如果font-size是12px的话，那么text-indent: 2em则缩进24px。 web标准推荐如下字体定义方法： body { font-family : "Lucida Gr...
转载
2008-08-05 01:39:00
165阅读
h1,h2,h3,h4 { color:#33FF33; }h1 { font-size:18px; }h2 { font-size:36px; }h3 { font-size:9px; }h4 { font-size:14px; }p { font-size:16px; }.n { tex...
转载
2010-12-12 17:28:00
102阅读
2评论
元素水平垂直都居中几种方式：1 第一种定宽高元素，水平垂直居中于窗口：position:fixed; left:50%; top:50%;margin-left:-wi
原创
2023-01-03 15:04:45
72阅读
居中/* 弹性布局 */display: flex;/* 横轴居中 */justify-content: center;/*
转载
2022-11-04 18:24:30
75阅读
随意更改网页 重新格式化代码，解决缩进问题 https://q1mi.github.io/PythonBlog/post/about_frontend/ css margin: 0 auto 居中 border 1px solid red 边框颜色大小 继承优先级最低，比标签还低 块级标签才能调宽高
转载
2017-08-01 17:15:00
150阅读
2评论
恢复内容开始 区分： div .left 所有后代 div>.left第一代 子代 div+.left下一个兄弟节点 div-.left后面所有兄弟节点 div.left元素本身 注：left任意取名 写网页先写架构，然后再写样式，避免后期修改带来不便 尽量不用浮动，用position 恢复内容结束 ...
转载
2021-10-26 21:05:00
92阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h
原创
2022-12-21 10:19:21
51阅读
