CSS概念与基本知识
CSS的概念
Cascading Style Sheet 联级样式表
表现HTML或XHTML文件样式的计算机语言
包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定
一、第一种内部样式
在更改文本样式时,要在在head里加入属性style
type="text/css”是赋予他CSS的文本样式,如下:
style标签
<style type="text/css">
h1 {
font-size:12px;
color:#F00;
}
</style>
这样做我们就更改了他的文本样式,改变了他的字体大小与颜色
在书写内部样式,我们遇到多行更改一样样式的时候我们也可以像下图一样,用,隔开一起给他更改样式,这样做就快捷多了
二、行内样式
行内样式就是在标签里直接进行修改样式,要注意的是所有的样式更改后面都要加;,如图:
三、外部样式
分为链接式与导入式,两种方式
一、链接式,他需要在在同级文件夹简历一个css的文件,在建立好的文件直接输入你要更改的样式,注意点在于在他的html文件里他是用link标签来命名的,与上面的style不同,它还需要添加rel=“styleshet”表示他的联级样式,href用来添加我们创建的CSS文件地址。如图:
二、导入式
同样他也是需要建立CSS文件将你需要更改的样式写好,在使用他的属性如图进行样式更改,这里注意的是他是CSS2.0版本的,如果是CSS1.0那他的版本就不适用了。
帅气的码龙: $distroy 卸载应用实例,移除的是Vue实例与容器,但会保留页面容器,此时容器不在具有响应式。 此处错了,应该是$destroy 不是 $distrroy
sl105105: 清除输入框内容
佛系大哥: 在新增完列表后,让input输入框为空,否则还是显示的上一个数据
程序员之梦@: 你好,我是新手增加功能里面的这段是什么意思呀?---> this.id1 = this.name1 = this.age1 = ""
独孤小冬瓜: 挺实用,标题字号调大点或者编个号就更好了