css样式引入方式优缺点,css样式的优点

css和html样式的优点和缺点

HTML优点和缺点

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都做网站、网站制作、灌阳网络推广、微信小程序开发、灌阳网络营销、灌阳企业策划、灌阳品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供灌阳建站搭建服务，24小时服务热线：18980820575，官方网址：www.cdcxhl.com

优点：1.简单易学2.结构与缺陷浏览器也能读得懂

缺点：1.杂乱的结构，可读性低2.只能对文本进行排版，而且HTML样式使用标准文本标识，不能创建一些特殊效果

CSS优点和缺点

优点：1，CSS对于设计者来说是一种简单、灵活、易学的工具，能使任何浏览器都听从指令，知道该如何显示元素及其内容

2，个样式表可以用于多个页面，甚至整个站点，因此具有更好的易用性和扩展性

3，使用CSS样式表定义整个站点，可以大大简化网站建设，减少设计者的工作量

缺点：1.浏览器支持的不一致性 2.CSS没有父层选择器3.不能明确地指定继承性4.垂直控制的局限 5.显示的缺乏6.缺乏正交性

引入CSS 的方法有哪几种?比较其优缺点。

1、链入外部样式表文件 (Linking to a Style Sheet)

你可以先建立外部样式表文件（.css），然后使用HTML的link对象。示例如下：

head

titletitle of article/title

link rel=stylesheet href="" type="text/css"

/head

2、定义内部样式块对象 (Embedding a Style Block)

你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 定义方式请参阅样式表语法。示例如下：

html

style type="text/css"

!--

body {font: 10pt "Arial"}

h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}

h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}

p {font: 10pt/12pt "Arial"; color: black}

--

/style

body

3、内联定义 (Inline Styles)

内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：

p style="margin-left: 0.5in; margin-right:0.5in"这一行被增加了左右的外补丁p

其中第一种是最常用的，做到了css与布局代码的分离,可以使代码可编辑性更高。

css样式引入有哪几种方式,优先级是怎么样的？

按优先级：前端优先读取正序。正规规范优先倒序。

style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。

延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

style type="text/css" 这样属于第二读取方式。直接写在对应的页面。

延伸阅读：每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

link type="text/css" href=" 引用CSS文件 第三级。这全局引入.

延伸阅读：全局CSS。可以分离代码及外部引入，简单快捷。也是现在都在用的。