重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
普通的保存样式表,刷新页面会看到效果。
公司主营业务:成都网站建设、网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联公司推出陇西免费做网站回馈大家。
sass或less等需要编译的语言需要编译后刷新页面才能看到效果。
不生效的原因
选择器写错
语法错误
选择器路径有误
出现很多这种状况,怕路径出错,就复制路径,一不小心就复制多了一个选择器,所以出现css不生效的原因。复制的问题小心,切记。
第一,可能你没引用该css
第二,可能你选择器的优先级不够
第三,可能被后面的css覆盖掉了
第四,可能是js动态改变了该css
第五,你没有进行底层刷新清除缓存样式
第一步,打开编辑器,创建一个html页面
第二步,给html页面添加内容
第三步,创建一个css文件
第四步,在html引入这个css文件
第五步,给css文件添加样式代码
第六步,查看效果,样式是否生效
1、首先打开前端开发工具,新建一个HTML代码页面,如下图所示。
2、在html代码页面上创建一个父div和一个子div,同时给这两个div添加一个class分别为scroll-box、scroll。
3、给子div添加内容,为了让滚动条可以实现,尽量多添加一些内容。
4、设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式,给scroll设置内容超出后显示滚动条、高度为100%、宽=100%+滚动条的宽
5、最后保存html代码,然后使用浏览器打开,这个时候会发现滚动条已经不显示出来,但是页面内容依然可以滚动。
有四种方式的:
1. 链入外部样式表
head
……
link href="mystyle.css" rel="stylesheet" type="text/css" media="all"
……
/head
4. 内嵌样式
p style="color: sienna;margin-left: 20px;"
这是一个段落
/p
!--这个段落颜色为土黄,左边距为20象素--
2. 内部样式表
head
……
style type="text/css"
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/style
……
/head
3. 导入外部样式表
head
……
style type=”text/css”
!--
@import “mystyle.css”
其他样式表的声明
--
/style
……
/head