html+css问题,修改css样式后效果没生效

html-css014

html+css问题,修改css样式后效果没生效,第1张

第一步,打开编辑器,创建一个html页面

第二步,给html页面添加内容

第三步,创建一个css文件

第四步,在html引入这个css文件

第五步,给css文件添加样式代码

第六步,查看效果,样式是否生效

对,就在这里添加CSS样式。

为标签设置样式有三种形式:1.直接在标签里写 style ,但不推荐使用,因为太不灵活,后期不好修改,而且也太乱了。

2.可以在<head>里,写在<style>中,通过选择器,选择想要设置样式的标签,你写的a:hover 就是一种伪类选择器。比如你说的,想给 div 设置样式,就可以直接写 :

div{

width:100px

height:100px

bockground-color:red

margin:0 auto

}

等等样式。

3.为进一步分离结构和样式,现在一般的做法都是把<style></style>的整个内容另外放到一个 .css文件中,在<head>里通过<link>来引用。