- css概述
css(cascading style sheets)通常称为css样式或样式表,主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局等外观显示样式。 - 用户浏览页面的过程
(1) 在客户端打开浏览器(ff、IE、谷歌),在地址栏中输入网页的URL(统一资源定位器),按下回车。
(2) 此时,就相当于从客户端发送一个请求到服务器。
(3) 服务器收到请求后,在他的机器中搜索该页面。当找到页面后,通过网络传输回到客户端。传送的是页面的HTML文件,同时还有页面中用到的资源(图片、视频、声音等)。
(4) 客户端浏览器根据具体的页面,进行渲染。因此,不同的浏览器显示同一页面时,外观可能不尽相同。 - css3浏览器支持情况
由于各浏览器厂商对css3各属性的支持程度不一样,因此在标准尚未明确的情况下,会用厂商的前缀加以区分,通常把这些加上私有前缀的属性,称之为“私有属性”。各主流浏览器都定义了自己的私有属性,以便让用户更好的体验css的新特性。 - css样式规则
使用HTML时,需要遵从一定的规范。css样式规则:
选择器{属性1:属性值1;
属性2:属性值2;
……;}
css代码结构中的几个特点,具体如下:
(1) css样式中的选择器严格区分大小写,属性和值不区分大小写,按照书写习惯一般将“选择器、属性和值”都采用小写的方式。
(2) 多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略。但是,为了便于增加新样式最好保留。
(3) 如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态下的引号
(4) 在编写css代码时,为了提高代码的可读性,通常会加上css注释。
(5) 在css代码中空格是不能被解析的,花括号以及分号前后的空格可有可无。 - 引入css样式表
(1) 行内式
行内式也称为内联样式,是通过标记的style属性来设置元素的样式,其基本语法格式为:
<标记名 style=”属性1:属性值1;属性2:属性值2;……; ”>内容</标记名>
该语法中style是标记的属性,实际上任何HTML标记都用拥style属性,用来设置行内式。其中属性和值的书写规范与css样式规则相同,行内式只对其所在标记及嵌套在其中的子标记起作用。
(2) 嵌入式
内嵌式是将css代码集中写在HTML文档的头部标记中,并且用
css概述
最新推荐文章于 2024-04-19 18:32:56 发布