扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
外联式样式(属于外部样式表)
目前成都创新互联已为1000+的企业提供了网站建设、域名、网站空间、网站托管运营、企业网站设计、洛龙网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
特征:
1、有一个单独的CSS文件存在![如:001.css]
2、首先,通过【格式】→【样式表连接】与CSS文件[001.css]建立连接!
3、在合适的地方使用 class="样式名" 调用具体的样式效果!
如:link href="001.css" type="text/css" rel="Stylesheet"/
嵌入式样式(属于内部样式表)
特征:
1、样式的属性内容以代码的形式[放在 ]写在网页代码中!
2、首先,通过【格式】→【样式】设置样式的属性内容!
3、在合适的地方使用 class="样式名" 调用具体的样式效果!
如: style type="text/css"
.main{ width:1002px; margin:0 auto;}
/style
内联式样式(属于内部样式表)
特征:
1、样式的属性内容直接跟在将要修饰的文字标记里[如:
2、具体格式: style="font-size:10px;font-color:#ff0000"
例如:修饰单元格里的文字
css分行内,内嵌和外联。
行内就是直接通过标签的style属性,在标签本行添加css样式。
内嵌是通过在head标签中创建style标签,通过标签选择器获取body内的标签,进行css样式的书写。
外联是是通过link标签引入其他css文件,css文件中样式的写法与内嵌式一致。好处是让你的html代码不至于那么臃肿,另外分开管理也是良好的习惯。
css样式表嵌入网页有以下三种方法:
1,内联样式
内联样式是直接在html标签上定义该标签的css样式,如:
div
style="width:200px;height:30px;"/div
2,内部样式
内部样式是写在html文件中,且包含在style/style代码块中,如:
style
.box{width:200px;height:30px;}
/style
div
class="box"/div
3,外部样式
外部样式是通过在html中引用外部css文件来控制样式,如:
html文件中写入引用语句:
link
href="css文件路径"
rel="stylesheet"
media="screen"
/
就是把样式写在页面里面。
比如在head标签里写上style/style,然后把样式写在这里面,就叫做内嵌样式。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流