在HTML文件中设置样式表

  • 级联样式表(Cascading Style Sheet,CSS)旨在将web页面的样式与内容进行分离。

  • 选择器就是不带尖括号的HTML标记。CSS属性用来定义选择器的特定特性。

  • 当为属性指定属性值时,就是为选择器创建一个声明。(在一个CSS属性名之后使用一个冒号,后跟该属性的值,属性值无须使用引号括起【对于用长度或百分比作为单位的值,通过在值之前添加一个正号或负号,可以使之取值为正或负】,属性值之后是一个分号)可将声明和选择器合称为一个规则集合,在典型规则集中,将声明放在一对花括号中,位于选择器之后。

(百分比允许元素根据屏幕的大小和窗口的尺寸进行调整和移动,用于指出它与包含它的父元素之间的关系)

**
**

创建样式的优先级:内联(直接嵌入到它所影响的HTML代码中)>内部(放在web页面的<head>信息中)>外部(外部样式的代码放在一个独立的文档中,从实际使用该样式表的web页面的<head>标记中引用该样式,使用单个外部样式表可定义多个web页面的呈现效果)

【当在一个标记中添加内联样式表时,它仅影响单个标记,不影响到页面中所有类似的元素,若想改变一个页面中所有类似元素的样式,用<style>元素自身来包含该页面所有的样式指令。在外部样式表中无须使用<style>元素或style特性,在创建外部样式表后,使用.css作为文件扩展名,将其另存为一个文本文件。】

  • 【为了声明一个样式更加重要,只需在样式声明之后添加important关键字,为了让浏览器能正确的分析,必须将important关键字放在一个叹号之后。】

**
**

Web开发中引用颜色的方法:

  • 计算机的显示器以RGB模式来显示颜色**,R代表红色,G代表绿色,B代表蓝色。R,G,B用一个介于0~255之间的值来表示,在色谱中,0代表最暗,255代表最亮。
  • 在HTML页面中使用十六进制颜色值时,需要将颜色值从十进制(RGB)转化为十六进制。将红,绿,蓝色值分别转化为一个两位的十六进制值。然后将这三个十六进制值合并在一起作为单个字符串,并在开头加上一个井号(#)。当引用的颜色具有成对的值时,可以使用简写方式以减少所需输入字符的数量。/Eg:十六进制值003366的一个颜色值简写为036./
  • RGB值和百分比:颜色值容易得到用RGB值,eg:<p style=”color:
    rgb(0,0,,255);”>

没有方便的RGB值,可使用RGB值的百分比。<p style=”color: rgb(0%,0%,100%);”>

在每一个R,G,B值之间请使用一个逗号进行分隔,将整组值放在一对圆括号之中。在圆括号之前是小写的rgb三个字符,RGB值和百分比只能在样式表中描述颜色。

  • HTML5/CSS3中更新,对颜色透明度的支持。采用RGBA方法可以指定颜色的alpha值。Eg:
    h1 {color: rgba(255,68,253,0.5);}
  • opacity的取值范围为0.0(完全透明)~1.0(完全不透明)
    eg:div.transparentbox
    {background-color:#036; opacity:0.7;}

[color属性用于指定文本的前景色,background-color属性用于确定背景色]

body {background-image: url(images/background.jpg);}//是通过URL引用背景图片images/background.jpg

当想改变页面链接的颜色时,应该使用a元素作为CSS选择器。(a标记和href特性用于链接到其他网址。)

当想改变页面背景颜色时,应该使用body元素作为CSS选择器。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • FreeCodeCamp - HTML5 and CSS 发现原来在另外一台电脑学 FreeCodeCamp 的时...
    付林恒阅读 13,127评论 2 17
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,719评论 32 459
  • «蓬莱» 海风吹拂山外天,碧浪散雪岸边现。 身临蓬莱知仙境,才信此处住神仙。
    金紫缘阅读 1,738评论 0 6
  • 艾斯在白船地位大约相当于三灾和三将星,在杰克和饼干登场前,艾斯5.5E是已知最高赏金,但杰克10E和饼干8.6E赏...
    小李talk阅读 4,502评论 0 1

友情链接更多精彩内容