亚洲城888网站建设 > 技术/新闻 > 网站建设教程 > > CSS样式亚洲城888网站制作

CSS样式亚洲城888网站制作

2017-02-23 00:49分享

    在浏览器上运行的网页实际上是一份HTML文件,这份文件的主体则是由数个HTML标签所组成,组成文件的标签依照标签语义,可以分为两种类型:系统资源类型、用户界面类型。其中用户界面类型的HTML标
签,用于描述显示在网页上的各种用户界面控件,这些控件提供:输出数据给用户或是接受用户输入等功能。浏览器要显示网页给用户时,这些标签会显示在网页上,浏览器会依照这些标签的类型,在网页上显示代表标签的控件来与用户互动。
    这些用户界面类型标签在浏览器内都有一组预设的显示样式,这组显示样式定义了网页上显示标签时,这个标签预设的各种显示样式,例如,背景颜色、字体大小等.开发人员可以通过CSS样式表(Cascading Style
Sheets)来更改标签的显示样式,浏览器在显示网页给用户时,会依照这些显示样式来决定网页上标签的显示外观。
    一个最基本的CSS样式,需要有上面范例中的内容,这些内容组成了CSS样式的基本结构。开发人员可以在网页内使用style标签、link标签来定义网页所使用的CSS样式,浏览器在显示网页给用户的时候,会依照这些显示样式来决定网页上标签的显示外观。在这个范例中,可以看到几个样式结构的内容。
.选择器:首先看到的就是Selector选择器,在CSS样式的运行中要更改哪个HTML标签的显示样式是由Selector选择器来决定的。Selector选封装了选择条件的定义,让浏览器选出网页上要被更改的标签。另外,Selector选择器也是作为CSS样式的根节点,Selector选择器中可以定义不定数量组成显示样式的样式属性、样式内容,并且在每组显示样式之间使用“;”来做分隔。.样式属性:接着看到的是Property样式属性,在CSS样式的运行中,要更改HTML标签的哪个显示样式是由Property样式属性来决定的。
  Property样式属性使用字符代码的方式,来决定要更改标签的哪个显示样式,例如,"background-color”代表了要更改背景颜色这个显示样式。样式内容:最后看到的是Value样式内容,在Css样式的运行中,要将
  HTML标签的显示样式更改为什么内容是山Value样式内容来决定的。Value样式内容使用字符代码的方式,来更改标签显示样式的内容,例如," background-color:#OOFFOO;”代表了要更改背景颜色这个显示样
  式为绿色。
    亚洲城888网站制作上面范例的HTML文件,是通过style标签来将CSS样式加入到HTML文件中。通过这个简单的范例来对照基本结构,就可以理解CSS样式的基本结构在网页中是如何运行的。
.范例网页中style标签之中的内容,就是要套用在标签上的CSS样式。.这个CSS样式使用p标签来作为选择器封装的选择条件:选择标签类型为p的标签。
一接着color, background-color分别代表Property样式属性,这个结合选择器封装的选择条件就代表了:选择网页里的p标签,然后更改P标签的颜色(color)、背景颜色(background-color)这两个显示样式。
.址后#FFOOOO、  #OOFFOO则是Value样式内容,在这个样式内容中,代表p标签的颜色更改为红色(#FF0000)、背景颜色更改为绿色(#OOFFOO)。从运行网页后的结果可以发现,经过这个CSS样式的定义,网页上显示this is HTML Contents的P标签将会是如CSS样式所设置的绿底红字.

  • 基于用户创新

    界面设计日新月异,景明坚持基于用户需求的界面创新设计……

  • 服务设计思维

    互联网的格局发生的改变,在我们进行设计服务时更是考虑不同用户、不同……

  • 洞察用户心理

    洞察用户有意识和无意识的行为以及心理特征通过构造一系列的服务来促进……

  • 查看更多 >>
最新文章   Latest Article
亚洲城888网站建设HTML5运行引擎
亚洲城888网站建设HTML5运行引擎
初创公司创始人购买域名的注意事项
初创公司创始人购买域名的注意事
阿里云OCS使用教程
阿里云OCS使用教程

ABOUT US

亚洲城888景明yzc88.com科技有限公司是中国yzc88.com技术服务新生代的杰出代表。
亚洲城888大学毕业生创办于2006年,前身为阿里巴巴及百度亚洲城888地区服务商。
技术团队由顶级yzc88.com工程师与行业知名设计师组成,立足亚洲城888,服务全国。

Contact information

手机:18253532326
Q Q:1211515810
传真:0535-3458116

网址:www.ytwzjs.com
邮箱:1211515810@qq.com
地址:亚洲城888市高新区大学生创业园景明网服中心

申请友链QQ:1211515810
  • 友情链接
  • 合作伙伴
亚洲城888网站建设 亚洲城888网站制作 亚洲城888网站设计 亚洲城888seo 亚洲城888网站优化
亚洲城888网站建设的logo

<友情连结> 奥远科技/ 亚洲城888新奥燃气发展有限公司/ 昆明网站优化服务公司/ e览网/ Chinese Corporations/