cssa标签去掉下划线_⼩⽩学CSS之基础《⼀》CSS简介
CSS:层叠样式表
作⽤:HTML⽹页中的⽂字⼤⼩、颜⾊、字体,⽹页的背景颜⾊、背景图⽚设置样式。
格式:h1{color:red;font-size:14px;}
选择器 + {},中间分号隔开
CSS由⼀条条声明语句组成,使⽤分号隔开
属性值⼀般不加引号
单位⼀般为px,像素
CSS中不能出现html标签
CSS书写⽅式
1. 嵌⼊式
2. 外链式
3. ⾏内式
嵌⼊式:
嵌⼊式: 在<head></head>添加style标签,type属性描述这是CSS。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aimer</title>
<style type="text/css">
p{
css设置文字垂直居中color: red;
}
h1{
color: blanchedalmond;
text-align: center;
}
</style>
</head>
<body>
<h1>这个是h1标题</h1>
<p>这个是段落标签!</p>
</body>
</html>
效果图:
外联式:
将CSS代码单独放置在.css⽂件中,在head标签中通过<link>标签引⼊链接css⽂件。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aimer</title>
<!--
<style type="text/css">
p{
color: red;
}
h1{
color: blanchedalmond;
text-align: center;
}
</style>
-->
<link rel="stylesheet" href="css/css.css" />
</head>
<body>
<h1>这个是h1标题</h1>
<p>这个是段落标签!</p>
</body>
</html>
CSS⽂件:
@charset "utf-8";
/
* CSS Document */
h1{text-align: center }
效果图:
href: ⽂件地址。 可以同时引⼊多个CSS⽂件链接,只想多谢⼏
stylesheet: 样式表关系 ; href:
<link rel="stylesheet" href="CSS⽂件" /> stylesheet:
个link标签。
⾏内式:
使⽤HTML的style属性和值来进⾏样式设计。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Aimer</title>
</head>
<body>
<h1 >这个是h1标题</h1>
<p>这个是段落标签!</p>
</body>
</html>
效果图:
CSS注释
CSS代码不能包含HTML。 格式:
CSS代码不能包含HTML。
/* CSS Document */
选择器
选择器 | 描述 | ⽰例 --- | --- | --- 通⽤选择器 | 给所有标签设置属性 | *{属性:“值”} 标签选择器 | 给指定html标签设置样式 | h1{属性:“值”} 类选择器 | 给指定类名的标签设置样式 | class='test' , .test{属性:值} ID选择器 | 给指定id名的标签设置样式 | id="test1", #test1{属性:值} 还可以将选择器进⾏组合选择,例如
color: blueviolet;
text-align: center;
text-decoration: underline;
}
尺⼨样式属性
width 宽度
height ⾼度
background-color 背景颜⾊
只有块元素可以设置宽度⾼度,span标签不能设置
⽂本属性
| 属性 | 值 | 描述| --- | --- | --- color | red 、#f00. | 设置⽂本的颜⾊ text-align | none 去掉⽂本修饰线 ,underline下划线 ,overline上划线 ,line-through删除线 | 设置修饰线条 text-transform | capitalize:⾸字母⼤写 ,uppercase⼩写转⼤写 ,lowercase⼤写转⼩写 | 设置⼤⼩写转换 line-height | px | 设置⾏⾼,⾼度与⾏⾼就可以设置⽂本垂直⽅向居中对齐 text-indent | px 、em | 设置⾸⾏缩进 word-spacing | - | 设置单词间距 对英⽂有效
字体属性
| 属性 | 值 | 描述 --- | --- | --- font-style | normal 正常、italic (斜体) | 设置斜体属性 font-weight | normal 正常、bold 加粗 | 设置字体加粗属性 font-size | px | 设置字体⼤⼩ font-family | 微软雅⿊、⿊体、楷体...... | 设置字体,可以设置多个字体,⽤逗号隔开,按顺序执⾏
好了!先到这⾥做个笔记。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论