irpas技术客

css基础知识_健康平安的活着

大大的周 5136

一 css

1.css 用于控制网页样式的一种标记语言,通过使用css可以使网站外观更加美观,结构更加简化。

2.css的语法:? 选择符{属性:属性值};属性必须要包含在{}中,并且之间用属性和属性值“:”分隔。当有多个属性时,用“;”进行区分。

3.选择符:

通配符选择符,* 代表所有元素,如 *{font-size:12px};

类型选择符? ? ?如 <p class="red"> 这是第一个段落 </p>? ?选择符的写法:? ? p.red{color:red} ;

id选择符: 如 <p class="red"> 这是第一个段落 </p> 选择符的写法: p #6666 {font-weight:bold}

包含选择符

类型选择符? ?.name{font-size: 12px}

选择符分组。

类选择符优先级高于类型选择符,ID选择符高于类选择符。

4.布局4个属性: margin:边界距 border:边框距 padding:填充 content:内容

5.伪元素和伪类:

?选择符? ?伪类{属性:属性值} ,如? a:hover{font-size:12px},其中伪类和伪元素的写法,一般是以“:”开头。

6.颜色的使用: 使用颜色的名称; 使用16进制颜色,p{color: #fff};

7.绝对长度单位: in(英寸),pt(英镑) ;相对长度单位,em是定义字体大小值,px就是通常所说的像素。css中所有的长度值都要注明单位。

8.url:在css中,相对url是相对于css文件,url和后面的括号至今啊不能插入空格。

9.注释, /*? ? ?这是一个注释 */

10 colspan:合并属性列;rowspan:合并表格中的行。

11 css的调用:

行内调用:<元素名称 style=“属性:值”></元素名称>? 如<p? style="width:200px;">你好啊</p>

页面头部调用:<style type="text/css"> p{width:200px;} </style>

采用链接形式调用:??

? ?使用link元素? ?<link rel="style sheet" href="./top.css"? type="text/css">

? ?使用@import? <style type="text/css">@import url("./top.css") </style>

优先顺序为: 1,2,3


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #CSS基础知识 # #css1css #2css的语法 #当有多个属性时用进行区分 #3选择符通配符选择符