web前端开发的css应该怎样写

web前端开发的css应该怎样写,第1张

CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素。CSS样式表又分为三种方式,内联样式表、内联引用和外部样式表。下面具体介绍它们的写法:
1内联样式表:在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS。
2内联引用: 在HTML元素中使用"style" 属性,直接对指定元素应用样式。
3外部样式表:将样式单独写在CSS文件内,通过引入外部 CSS 文件来应用样式。这种方法常应用于大型开发中。

CSS是样式层叠表,有三种引入方式。下面,我们来看看HTML样式CSS的三种写法吧。

行内样式

CSS可以直接放到行内样式中引入即可,比如代码如下图:
<p style="color: blue; background: red;">
hello world!
</p>

嵌入式

还可以采用潜入方式引入CSS,就是把CSS写到<style>标签中,这种方式比较实用,如下图所示:

<style type="text/css">

h1 {color: red;}
</style>
<h1>helloworld</h1>

外部样式表

还有一种叫做外部样式,也就是把CSS写在另外一张页面上,然后再引用到指定页面就可以了,这种也很常见。

@import url(maincss);

edecms的arclist循环中,判断如果是第一个li,则添加固定的css,否则不加

写法如下:
{dede:arclist row=4 flag='p'}
<li [field:global name=autoindex runphp="yes"](@me==1) @me="class=on":@me="";[/field:global]>[field:globalautoindex/]</li>
{/dede:arclist}
[field:global name=autoindex runphp="yes"](@me==1) @me="class=on":@me="";[/field:global]
这句话的意思就是,如果循环出的是第一个,则添加class=on,否则为空。

注意:红色部分有两个等号。
>

试试这样行不

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13345820.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-19
下一篇 2023-07-19

发表评论

登录后才能评论

评论列表(0条)

保存