您现在的位置是:首页 > 网站制作 > CSS3|Html5CSS3|Html5
Css基础 css语法 Css样式表的创建 样式表的优先级
胜于蓝2019-07-30【CSS3|Html5】人已围观
简介一、Css概念及特点 css——层叠样式表 特点:实现了结构与表现相分离 二、css语法 css由选择符和声明两大部分组成,声明又由属性和属性值两部分组成 选
一、Css概念及特点
css——层叠样式表
特点:实现了结构与表现相分离
二、css语法
css由选择符和声明两大部分组成,声明又由属性和属性值两部分组成
选择器 {属性:属性值;}
eg: p{ color: red; }
注:①Css样式中所有的标点符号都必须是英文状态下的
②Css属性和属性值用冒号连接,每条声明结束都要加分号
三、样式表的创建
1.内联样式(行间样式,行内样式)
语法:
<标记 style="属性:属性值;"></标记> eg: <p style="color: red;">共享博客</p>2.内部样式(嵌入式样式)
语法:
<style type="text/css"> 选择器{ 属性: 属性值; } </style>注:style标签一般放在head部分,type="text/css" 告知浏览器style标签之间的内容是css样式,不需要解析到网页。
3.外部样式
link和@import的区别 http://www.sharedblog.cn/?post=33
①使用link标签
首先:创建一个外部css文件,扩展名为 .css
最后:在html页面使用link标签引入css文件
语法:
<link rel="stylesheet" type="text/css" href="css文件路径" />注:link标签一般放在head部分
rel用来说明目标文件和当前文件的关系
②使用@import方式引入
语法:
@import "css文件路径";注:@import只能出现在css文件中
@import引入的css文件必须放在本页面所有css样式之前
四.样式表的优先级(三种样式表的区别)
在没有出现 !important 的时候,采取就近原则,离被设置的元素越近,优先级越高,一般情况下:内联>内部>外部
当出现 !important 时候,他的优先级最高: !important > 内联>内部>外部
五.Css注释
语法:
/*注释的内容*/
Tags:
很赞哦! ()
上一篇:HTML中 列表类属性的详细介绍
下一篇:div 标签的用法以及定义
相关文章
随机图文
HTML 拾色器
选取颜色: 或输入颜色值:OK 或使用 HTML5: 选择的颜色: 黑色文本 阴影 白色文本 阴影 red #ff0000 rgb(255, 0, 0) hsl(0, 100%, 50%) hsv(0, 100%布局中 各类常见的兼容性问题
1.双倍浮动Bug 描述:块元素设置 float 后,又设置了横向的margin,在IE6下显示的margin值比设置的值要大; 解决方案:给设置 float 的元素添加 display: inline; 2.表单行高不Css3基础变形的语法以及使用介绍
语法: transform: rotate(旋转) | scale(缩放) | skew(倾斜) | translate(位移);注: 当多种变形方式综合在一起时,用空格隔开 1. rotate 旋转( X/Y/Z 必须为大写 ) ① rotCSS 颜色十六进制值
按十六进制值排序列表按颜色名称进行排序 Color Name HEX Color Black #000000 Navy #000080 DarkBlue #00008B Me