CSS---简介

作者: Wovw | 来源:发表于2020-11-08 22:49 被阅读0次

CSS是Cascading Style Sheet的缩写,译作“层叠样式表单”,是用于增强网页的显示效果,并允许将样式信息与网页内容分离的一种标记性语言。便于网站代码后期的维护。

在实际开发中,CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。

* 规则:

选择器{属性1:属性值1;属性2:属性值2;属性3:属性值3;}

选择器用于指定CSS样式作用的HTML对象,花括号内的属性是对该对象设置的具体样式。其中,属性和属性值以“键值对”的形式出现。

* 示例:

div{border:1px solid red;width:600px;height:400px;}

上面的代码就是一个完整的CSS样式。其中,div为选择器,表示CSS样式作用的HTML对象;其中,border属性有3个值“1px solid red;”分别表示该边框为1像素、实心边框线、红色。

在CSS中,通常使用像素单位px作为计量文本、边框等元素的标准量,px是相对于显示器屏幕分辨率而言的。而百分比(%)是相对于父对象而言的。如一个元素呈现的宽度是400px,子元素设置为50%,那么子元素所呈现的宽度为200px。

在CSS中颜色的取值方式有3种:

(1)预定义的颜色值:如red、green、blue等。

(2)十六进制:如#FF0000、#FF6600、#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。

(3)RGB代码:如红色可以用rgb(255,0,0)或rgb(100%,0%,0%)来表示。如果使用RGB代码百分比方式取颜色值,即使其值为0,也不能省略百分号。

相关文章

  • CSS---简介

    CSS是Cascading Style Sheet的缩写,译作“层叠样式表单”,是用于增强网页的显示效果,并允许将...

  • js

    /* * * 页面中有什么代码?html--展示内容,css---美化页面的,js---控制页面 * * js的代...

  • html知识

    1. 网页由什么组成 html-------网页内容 css---修饰网页 JavaScript---让网页动起来...

  • CSS---浮动

    1. 浮动(float) 1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS ...

  • Html/CSS---其它

    框架集 框架集和内联框架的作用类似,都是用于在一个页面中引入其他的外部的页面框架集可以同时引入多个页面,而内联框架...

  • Html/CSS---文本标签

    文本标签 em 与strongem和strong这两个标签都表示一个强调的内容em主要表示语气上的强调,在浏览器中...

  • css---各种居中垂直详解

    项目中经常会有各种居中的布局,什么垂直居中,水平居中,垂直水平居中,已知宽高和未知宽高居中,那么接下来就整体的总结...

  • Html/CSS---盒子模型

    盒子模式的计算公式 宽=width+左右两边边框的高度+左右两边的内边距高=height+上下两边边框的高度+上下...

  • Html/CSS---定位 与背景

    定位 position属性可以控制Web浏览器如何以及在何处显示特定的元素可以使用position属性把一个元素放...

  • CSS---样式的引用方式

    CSS不能单独使用,必须和HTML网页配合使用。要想使用CSS修饰网页,就需要在HTML文档中引入CSS。 1.内...

网友评论

    本文标题:CSS---简介

    本文链接:https://www.haomeiwen.com/subject/omctbktx.html