欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS入门 >

CSS与HTLM的比较区别

 

CSS Cascading Style Sheet 层叠样式表

CSS 作用就是给HTML页面标签添加各种样式

为什么用CSS

HTML的缺陷:

1. 不能够适应多种设备

2. 要求浏览器必须智能化足够庞大

3. 数据和显示没有分开

4. 功能不够强大

CSS 优点:

1.使数据和显示分开

2.降低网络流量

3.使整个网站视觉效果一致

4.使开发效率提高了

CSS语法

p{colorred;}

选择器{属性名:属性值 ;}

选择器后一定是大括号.属性名后必须用冒号隔开.属性值后用分号

属性名和冒号之间最好不要有空格。

CSSHTML的结合方式

CSS代码理论上位置是任意的,但通常写在style标签里

CSSHTML的结合方式有3种:

a. 行级样式表:采用style属性,范围只针对此标签适用

<div style = "border:1px solid red ;">大家好</div>

b. 内嵌样式表:采用<style>标签完成。范围针对此页面

c. 外部样式表: 采用建立样式表文件。针对多个页面.

引入样式表文件的方式:

1):采用<link>标签

eg:<link rel = "stylesheet" type = "text/css" href = "a.css"></link>

2):采用import,必须写在<style>标签中,并且必须是第一句

eg: @import url(a.css) ;

两种引入方式的区别:

外部样式表中不能写<link>标签,但是可以写import语句

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r39246.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-09-11 10:05 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。