网站首页 > 知识剖析 正文
CSS(cascading style sheet)层叠样式表语言,用来专门修饰HTML的。有三种方式将CSS嵌入html中。
第一种:
内联定义。任何一个html标签都可以指定style属性,在标签的style属性上直接定义样式名和值,语法如下:
<标签 style=“样式名:样式值;
样式名:样式值;
样式名:样式值;”>
</标签>
样式名可以为字体,文本,背景,定位,尺寸,布局,表格,列表,边框
第二种:
在head标签中使用style标签,定义内部样式块对象。语法如下:
<style type=”text/css”>
选择器 {
样式名:样式值;
样式名:样式值;
样式名:样式值;
….
}
</style>
常用的三种选择器为:标签选择器(直接写),id选择器(id名字前面加上#)和class选择器(任何一个标签都有class属性,class值相同的,可以看作是同一类标签,class名字前面加上一个点.)。
第三种:
利用link标签,链入外部样式表文件。语法如下:
<link href="{%static "css/adstyle.css" %}" rel="stylesheet" type="text/css" />
优先级:id选择器>类选择器>标签选择器
CSS常见的样式:
隐藏:display:none;
文本装饰:text-decoration:underline;
列表样式:list-style-type:none;
设置鼠标悬停效果:span:hover;
内外补丁:margin-top:10px padding-left:20px;
悬浮样式:float:left;
光标样式:position:absolute; cursor:pointer;
- 上一篇: 你可能还不知的 7 个 CSS 好用的属性
- 下一篇: 那些暖人心却鲜为人知的CSS属性
猜你喜欢
- 2024-12-01 HTML中script标签中的那些属性
- 2024-12-01 前端入门——css 网格项属性
- 2024-12-01 CSS解析——简写属性
- 2024-12-01 CSS必知|重点属性float|实践技巧|温故知新
- 2024-12-01 一个简单的CSS属性助你实现页面的等比例缩放,快来学习一下吧
- 2024-12-01 CSS必知|重点属性media|实践技巧|温故知新
- 2024-12-01 一起来学习CSS新增属性,“透视”属性
- 2024-12-01 CSS小知识,分享14个你可能还未用上但又实用的CSS属性(下)
- 2024-12-01 CSS很难学吗?这几个属性掌握了,秒变CSS大神!
- 2024-12-01 CSS基本属性(三)
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)