CSS基础

css是层叠样式表(cascading style sheets)的缩写,它用于定义HTML元素的显示方式。是W3C推出的格式化网页内容的标准技术。

它的优点:提高页面游览速度;缩短改版时间,降低维护费用;更好的控制页面布局;实现表现和结构、内容相分离;更方便搜索引擎的搜索。

一、样式表可以分为嵌入式样式表、外部样式表和内联样式表三种。在同一文档内,可以同时使用三种方法。

1)外联

  a、原因:多个网页代码重用、减小*.html文件的大小
  b、实现:<link rel="stylesheet" href="css文件路径"/>,注少了rel属性无法实现

2)嵌入 
  a、原因:一个网页多处 代码重用
  b、实现:在<head>里面加<style>
   eg: <style type="text/css">
     p{font-size:20px;}
    </style>2)

3)内联 
  a、原因:单个地方使用
  b、实现:在标记内使用style属性
   eg: <div style="margin:auto;">

二、语法
 选择器{
  属性1:值; //注释: 1、标点符号为英文的
  属性2:值;  2、分号不能丢,否则属性2没有效果
 }

三、选择器
 1、元素 标记名称  eg: p, table, td, input, select, li.....
 2、ID 命名id eg: user, psd, gender... <input id="user/psd">、<p id="p1">
 3、类 命名class eg: big, layer,xx...  <div class="layer">、<td class="big">

 比较: 元素选择器会让这种标签所有的内容都变成同一种样式,死
  ID唯一、单一的
  类选择性比较强,可以跨标记也可以在标记里选择一部分,灵活。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值