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.缺乏正交性
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与布局代码的分离,可以使代码可编辑性更高。
按优先级:前端优先读取正序。正规规范优先倒序。
style= 这样肯定是最优的,但也是最不推荐的。前端标签直接写入。
延伸阅读:读取优先,灵活使用,如大量页面,每页面都要设置。工作繁琐,大量写入增加代码量。不利优化。
style type="text/css" 这样属于第二读取方式。直接写在对应的页面。
延伸阅读:每页面都要设置。工作繁琐,大量写入增加代码量。不利优化。
link type="text/css" href=" 引用CSS文件 第三级。这全局引入.
延伸阅读:全局CSS。可以分离代码及外部引入,简单快捷。也是现在都在用的。