标签:开发 class 编写 基础 文件中 引用 选择器 width col
css(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言
css基本语法css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例: |
/* css注释 ctrl+shift+"/" */ div{ width:100px; height:100px; color:red } |
1、外链式: 将css代码写在一个单独的.css文件中,在
优点:使得css样式与html页面分离,便于整个页面系统的规划和维护,可重用性高。 缺点:css代码由于分离到单独的css文件,容易出现css代码过于集中,若维护不当则极容易造成混乱 |
2、嵌入式(内嵌式)
优点:在同一个页面内部便于复用和维护。 缺点:在多个页面之间的可重用性不够高 |
3、内联式(行内式)
优点:方便、直观。 缺点:缺乏可重用性 |
<link rel="stylesheet" type="text/css" href="css/main.css"> |
<style type="text/css"> div{ width:100px; height:100px; color:red } ...... </style> |
<div style="width:100px; height:100px; color:red ">......</div> |
说明:
标签:开发 class 编写 基础 文件中 引用 选择器 width col
原文地址:https://www.cnblogs.com/zeon/p/13621123.html