上面就是Dedecms默认的自定义表单列表,怎么样,看起来是否感觉很凌乱?自己这个伪程序猿,伪前端也习惯性的有强迫症,既然看不惯那就行动起来吧。经过一番折腾后效果如下:
怎么样,看起来是不是好看多了,把改后的代码分享出来,有喜欢的朋友就拿去用吧。
修改/你的网站后台(默认dede)/templets/diy_list.htm文件,全部代码如下:
IDEA设置package包的展现方式
还在纠结为什么我的package包的展示方式时这样的而迷惑:
![]()
修改idea的包展现方式,不要再 File–>setting里摸索了,来这里
或者,你点击一下齿轮中的这个按钮Flatten Packages
组合使用一下,你会发现新大陆,赶紧去试一下吧
CSS类样式的展现方式
一般在HTML文件中加入样式有3种方式:
1. 内部样式
内部样式是指在HTML文件的加入<style></style>
,然后在其内部加入css样式。
<style>
p{
color:red;
}
</style>
一般这个样式会加在HTML<head>
部分中。
2. 内联样式
内联样式就是指样式直接写在HTML的元素中。
<p style="color:red;">xxx</p>
3. 外部样式
外部样式是有外部的样式文件链接到HTML文件中,从而展现样式效果。
又两种样式链接方式:
第一种方式:
使用<link>
来进行链接。
<link rel="stylesheet" type="text/css" href="css/style.css">
其中rel属性是指定了HTML文件与所链接的文件之间的关系,一般常见的是stylesheet了,因为主要是用于链接css样式文件。
type属性是规定了文档的信息类型,type属性在有href的情况下可以选择MIME_type这个值,这个值会根据被连接文档的类型而定的。
href是指文档的路径。
rel属性还有一个值icon也较为常用。这个主要用在网页图标(这里只是提供了一个方法)
<link rel="icon" href="images/胡萝卜之怒小logo.ico" type="MIME_type" >
其效果如下图所示:

关于<link>
的相关属性可以详见w3cschool的<link>
标签。
第二种方式:
<style>
@import+空格+url(样式文件路径)
</style>
第二种样式的链接方式的一般不常用,通常都使用第一中链接方式。
CSS样式显示效果顺序
我们现在知道CSS样式的展现方式有3种,其选择器也有几种情况:
1. 标签选择器:p{…}
2. 类选择器:.class{…} (class=”class”)
3. ID选择器:#id{…} (id=”id”)
4.派生选择器
测试代码如下:
HTML文件:
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
#ceshi1{
color: blue;
}
#ceshi2{
color: red;
}
</style>
</head>
<body>
<p id="ceshi1" class="ceshi" style="color:rebeccapurple">测试有内联样式和内部样式以及外部样式-有内联样式有内部样式有外部样式</p>
<p id="ceshi2" class="ceshi">测试有内联样式和内部样式以及外部样式-无内联样式有内部样式有外部样式</p>
<p id="ceshi3" class="ceshi">测试有内联样式和内部样式以及外部样式-无内联样式无内部样式有外部样式</p>
<p class="ceshi">测试有class,有元素的情况</p>
<p>测试单元素的情况下</p>
<div>
<ul>
<li id="cs1">测试1</li>
<li id="cs2">测试2</li>
<li id="cs3">测试3</li>
<li id="cs4">测试4</li>
<li class="cs5">测试5</li>
<li id="cs6">测试6</li>
<li id="cs7">测试7</li>
</ul>
<p class="cs5">测试8</p>
<p>测试9</p>
<a href="index.html">link</a>
</div>
</body>
CSS文件:
.ceshi{
color:purple;
}
#ceshi1{
color: green;
}
#ceshi2{
color:#ff5689;
}
#ceshi3{
color: yellow;
}
p{
color: brown;
}
li.cs5{
color:rosybrown;
}
li#cs2{
color: olive;
}
div p{
color: orange;
}
div>ul>li{
color: palegreen;
}
#cs3{
color:slategrey;
}
#cs6{
color: red;
}
#cs6{
color: green;
}
a:link{
color: orangered;
}
a{
color: greenyellow;
}
首先前五个效果如下:

从图中可以看出CSS样式效果顺序如下:
内联样式>内部样式>外部样式
ID选择器>类选择器>标签选择器
后面的div中可以看出:
派生选择器中div p比p更为特定,所以呈现的是orange颜色;
选择器li#cs2和li.cs5比div>ul>li更特定,所以呈现的颜色分别是olive和rosybrown,而不是palegreen;
选择器#cs6有两个样式,但是最终呈现的是green颜色,说明在相同或者同样特定的情况下,样式会采取更后面的来呈现;
选择器a:link和a相比,a:link更特定,所以会呈现orangered颜色。

在这里我引用《HeadFirst HTML和CSS》这本书中的简易区分顺序方法:
设定选择器是一个百位数000
当这个选择器中有一个id,则百位加1
当这个选择器中有一个类(class)或者伪类(即类似:link),则十位加1
当这个选择器中有一个元素,则个位加1
最后算出来的 百位数进行比大小,最大的数即为样式最终呈现的状态
在这里我举几个例子方便于理解:
选择器 | 百位数值 |
---|---|
p | 001 |
div>ul>li | 003 |
li.cs5 | 011 |
.cs5 | 010 |
# cs6 |
100 |
a:link | 011 |
本文仅用于记录web前端学习情况。
Dedecms有自定义表单功能,方便我们收集用户信息。个人通常喜欢拿这个功能做问卷调查,在线留言等功能。但是如果使用过这个功能的朋友就会知道,Dedecms自定义表单后台列表展现方式并不好看。
上面就是Dedecms默认的自定义表单列表,怎么样,看起来是否感觉很凌乱?自己这个伪程序猿,伪前端也习惯性的有强迫症,既然看不惯那就行动起来吧。经过一番折腾后效果如下:
怎么样,看起来是不是好看多了,把改后的代码分享出来,有喜欢的朋友就拿去用吧。
修改/你的网站后台(默认dede)/templets/diy_list.htm文件,全部代码如下:
转载于:https://www.cnblogs.com/lxwphp/p/7730943.html
findall 函数:
在字符串中找到正则表达式所匹配的所有子串,并返回一个列表,如果没有找到匹配的,则返回空列表。
注意: match 和 search 是匹配一次 findall 匹配所有,match 和 search 的区别也很大,可以自行网上查找!
这里主要需要讨论的是其返回值的展现方式,即findall函数根据正则表达式的不同所返回的结果包含的不同信息!
主要包含三种情况:
1. 当给出的正则表达式中带有多个括号时,列表的元素为多个字符串组成的tuple,tuple中字符串个数与括号对数相同,字符串内容与每个括号内的正则表达式相对应,并且排放顺序是按括号出现的顺序。
1 # 例子,正则表达式里分了两个组 2 3 import re 4 5 test = '2018年的下半年,9月份, 27日' 6 pattern = re.compile(r'(\d)+(年|月|日)') 7 res = pattern.findall(test) 8 print(res) 9 10 # 输出结果: [('8', '年'), ('9', '月'), ('7', '日')]2. 当给出的正则表达式中带有一个括号时,列表的元素为字符串,此字符串的内容与括号中的正则表达式相对应(不是整个正则表达式的匹配内容)。
1 # 例子,正则表达式里有一个分组 2 3 import re 4 5 test = '2018年的下半年,9月份, 27日' 6 pattern = re.compile(r'\d+(年|月|日)') 7 res = pattern.findall(test) 8 print(res) 9 10 # 输出结果: ['年', '月', '日']3. 当给出的正则表达式中不带括号时,列表的元素为字符串,此字符串为整个正则表达式匹配的内容。
1 # 例子,正则表达式里没有分组 2 3 import re 4 5 test = '2018年的下半年,9月份, 27日' 6 pattern = re.compile(r'\d{4}年|\d{1}月|\d{2}日') 7 res = pattern.findall(test) 8 print(res) 9 10 # 输出结果: ['2018年', '9月', '27日']4. 同样是前面的 test 数据,要匹配出和3中同样的结果,可以这样写。
1 # 例子,输出和3中同样的结果 2 3 import re 4 5 test = '2018年的下半年,9月份, 27日' 6 pattern = re.compile(r'\d{1,4}(?:年|月|日)') 7 res = pattern.findall(test) 8 print(res) 9 10 # 输出结果: ['2018年', '9月', '27日']此例子中的 (?:年|月|日) 不表示一个分组,有一个博客网址可以了解一下正则知识。虽然还是python2版本的,但是应该也没有什么太大的变化!
https://www.cnblogs.com/huxi/archive/2010/07/04/1771073.html
转载于:https://www.cnblogs.com/springionic/p/11327187.html