现在网站主流排版方式

CSS(Cascading Style Sheets)层叠样式表

直到现在为止，大部分网站仍使用css加div的方式进行排版，用html中的div标签划分区域，然后通过关联css文件的方式对指定区域的样式进行指定，这种做法的好处在于可以将网页的表示内容和显示样式分开，提高了网页的维护性，降低了日后维护的人力成本，维护者只需要修改相对应的css文件，就可以很容易的做到在不改变网页显示内容的前提下，对网页的部分分区进行样式的改动，不仅如此，采用关联css文件的方式，还可以在一定程度上增强网页的显示效果。

html与css结合的方式如下几种

1.html中为标签定义了style属性，可以在标签中加入style属性的方式，在style属性的值部分写入css代码，这种做法适合在html中 对局部进行修改；

示例代码：

<p style=" color:#FFFFFF"> p标签段落内容。 </p>

2.html中还单独定义了style标签，通过在head标签中加入style标签的方式，可以对 整个页面样式进行修改，但这种方式相对不够灵活；

示例代码：

<head> <style type=”text/css”> p { color:#FF0000;} </style> </head>

3.可以通过在style标签内 @import url(css文件地址)来关联html文件与指定的css文件

示例代码：

4.还可以通过 link标签来关联两个文件

示例代码 </link rel="stylesheet" type="text/css" href="css_3.css" />

在css文件中，可以通过标签名后加大括号来对指定标签名内的内容进行样式的编辑，另外，可以在html中用class属性指定标签的类名，再通过标签名.类名加大括号的方式对指定标签名的指定类名的标签内容进行样式编辑，或者可以直接用 .类名加大括号实现跨标签对相同类名的标签内容进行样式编辑，css中该部分代码称为 类选择器，id选择器与类选择器类似，通过指定id属性，可以通过 #加id名的方式进行css编辑，不同的是为了实现一些功能，id通常是唯一的；

为了使不同选择器实现相同样式，可以在指定选择器时用，隔开，另外可以通过标签名间加空格的方式，对指定标签中的指定嵌套标签内容进行样式编辑。

html中对一些组件实现定义好了一些状态，通过选择器可以针对这些状态进行样式编辑，如超链接标签有

a:link 超链接未点击状态。

a:visited 被访问后的状态。

a:hover 光标移到超链接上的状态（未点击）。

a:active 点击超链接时的状态。

通过以上状态名定义选择器，就可以对超链接文字的四种状态进行样式编辑。

转载于:https://www.cnblogs.com/RedHatPhenix/p/5503664.html

现在网站主流排版方式相关推荐

c语言封闭曲线分割平面_高手的平面课堂：8种常用的设计排版方式，告别通宵加班...
重复.对比.对齐以及亲密性是传统平面排版的四大原则,即将元素重复运用(包括颜色.形状.材质.字体.空间关系等)以增加画面的条理性和整体性:避免页面上的元素形态与关系构建过于相似:画面上的每一元素都应该 ...
行业网站设计策划书_怎么把金融行业网站设计排版做到符合用户体验？
当前这个互联网高速发展的时代,各行各业都免不了要接触到,尤其是金融行业,很多人炒股买基金都喜欢去网站上找趋势图分析,这也是让金融行业的网站设计显得格外的重要.随着用户访问的网站越多,用户对网站的要求也 ...
织梦网站后台-织梦网站后台登陆方式-织梦CMS模板
织梦网站后台登陆方式:域名/dede即可进入网站后台.织梦cms是一个独立的网站程序.今天给大家推荐的是织梦cms模板(内置5W套织梦cms模板)以及免费织梦cms插件其中包括有:织梦cms采集插件. ...
python钉钉扫码登录程序_钉钉扫码登录网站(两种方式实现)
钉钉扫码登录网站(两种方式实现) 效果: 动手敲代码! 第一步,钉钉后台配置点击进入钉钉开发者平台的页面,点击左侧菜单的[移动接入应用-登录],然后点击右上角的[创建扫码登录应用授权],创建用于免 ...
3种查看网站流量的方式
这里我介绍3种查看别人网站流量的方式,可以帮助我们从侧面了解到竞争对手站点的表现情况.(原文参考) 1.alexa.com alexa世界排名,这个是很多朋友常用的参考数据,也是目前相对较权威的.很多 ...
4个查询网站收录的方式，你中意哪个查询方式呢？
查询网站是否被收录的方式有几个? 4个:site命令.第三方工具.百度站长平台查询.利用接口批量查询. 接下来我们就来介绍这4个查询网站收录的方式: 第一个:site命令 ...
APP如何变现？主流变现方式有这些
APP如何变现?主流变现方式有这些移动互联网底层开发技术的发展,使得手机APP的开发从外包模式逐步转化为平台化,从而带来了整个APP行业的举办.以国内在线制作龙头应用公园为例,应用公园将常见的电商. ...
钉钉扫码登录网站(两种方式实现)
钉钉扫码登录网站(两种方式实现) 效果: 源代码地址:https://github.com/jellydong/DingQrCodeLogin 动手敲代码! 第一步,钉钉后台配置参考链接:获取app ...
大数据：网购成为主流生活方式
十年前,对网购嗤之以鼻或是坚决反对的人,现在已经被以火箭速度蓬勃发展的网购所征服.对电子商务,过去的2013年是里程碑的一年,不仅是淘宝诞生十周年,也是中国首次超越美国,成为全球第一大网络零售市场. ...

现在网站主流排版方式

现在网站主流排版方式相关推荐

最新文章

热门文章