脚本宝典收集整理的这篇文章主要介绍了黑马程序员前端学习的总结HTML+CSS,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器
标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的 CSS 样式。
语法:
标签选择器{
属性:属性值
...
}
作用: 标签选择器(元素选择器)是指用 HTML 标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的 CSS 样式。
如果想要差异化选择不同的标签,单独选一个或者某几个标签,可以使用类选择器.
语法:
.类名 {
属性1: 属性值1;
...
}
结构需要用class属性来调用 class 类的意思
<div class="类名"> 变红色 </div>
命名规范:见 Web 前端开发规范手册.doc
我们可以给一个标签指定多个类名,从而达到更多的选择目的。 这些类名都可以选出这个标签。 简单理解就是一个标签有多个名字。
多类名的具体使用:
<div class="red font20">亚瑟</div>
注意:
id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML 元素以 id 属性来设置 id 选择器,CSS 中 id 选择器以“#" 来定义。
语法:
#id名 {
属性1: 属性值1;
...
}
注意:id 属性只能在每个 HTML 文档中出现一次
语法:
* {
属性1: 属性值1;
...
}
通配符选择器不需要调用, 自动就给所有的元素使用样式,特殊情况才使用
清除所有的元素标签的内外边距:
* {
argin: 0;
padding: 0;
}
font-weight :
font-style :
字体属性可以把以上文字样式综合来写, 这样可以更节约代码:
body {
font: font-style
font-weight
font-size/line-height
font-family;
}
使用 font 属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开 不需要设置的属性可以省略(取默认值),但必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用
color 属性用于定义文本的颜色。 语法:
div {
color: red;
}
开发中最常用的是十六进制
text-align 属性用于设置元素内文本内容的水平对齐方式。 语法:
div {
text-align: center;
}
语法:
div {
text-decoration:underline;
}
重点:
语法:
div {
text-indent:20px;
}
div {
text-indent:2em;
}
em 是一个相对单位,就是当前元素(font-size) 1 个文字的大小, 如果当前元素没有设置大小,则会按照父元素的 1 个文字大小。
line-height 属性用于设置行间的距离(行高)。可以控制文字行与行之间的距离 语法:
p {
line-height: 26px;
}
行高的文本分为 上间距 文本高度 下间距 = 行间距
按照 CSS 样式书写的位置(或者引入的方式),CSS 样式表可以分为三大类:
持续更新中。。。。。。。
以上是脚本宝典为你收集整理的黑马程序员前端学习的总结HTML+CSS全部内容,希望文章能够帮你解决黑马程序员前端学习的总结HTML+CSS所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。