网站首页 > 基础教程 正文
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;
猜你喜欢
- 2024-12-02 CSS中before 和after的用法
- 2024-12-02 零基础学习HTML之CSS篇样式优先权和字体样式与段落样式
- 2024-12-02 纯CSS实现鼠标悬停提示的方法(CSS小白第三期)
- 2024-12-02 CSS 伪元素的一些罕见用例
- 2024-12-02 JavaScript DOM修改(文本和样式)
- 2024-12-02 用 CSS 实现倾斜的背景颜色
- 2024-12-02 CSS样式优先级怎样划分?【CSS优先级规则】
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)