CSS (cascading Style Sheets)个人笔记

CSS

css注释 /*       */

行内是<p style="color:red; width=18px;"></p>

嵌入式

<head><style type="css/text">

h1{color:red;}

</style></head>

链接式

<link href="" rel="stylesheet" type="text/css"/> 在网页运行时加载

导入式

<style type="text/css">

    @import url("style2.css");

</style>

选择器的分类

标记选择器 类选择器.class id选择器#

伪选择器LVHA link visited hover active

交集选择器 标记+类/ID p.one  p#one

并集选择器 h1,h2,h3

后代选择 a b

子选择器body>p 凡是后代都能选择

相邻选择器a+b 选择标记后面相邻的标记

属性选择 a[""] 

伪类选择p:focus p:first-child p:first-letter


定位属性,标准流定位浮动和定位属性下的定位

display:block|inline|none|list-item 

block 块级,inline行内 none 浏览器完全忽略这个元素,该元素将不会显示,也不占文档的位置 list-item列表项元素

padding 填充 margin外边界

浮动定位float:left/right/none/inherit(继承)        clear:both/left/right/none/inherit 

margin会上下合并,左右不合并

盒子浮动,父元素不设置大小,盒子脱离父元素

盒子浮动,父元素设置大小或其余子元素设置大小,ie不脱离,firefox脱离

定位:position:relatice,在原来的位置上发生位移,仍占据原有位置

position:absolute 原有位置将取消。以父元素为准

position:fixed,以浏览器窗口为基点进行定位

position:static默认值,不使用定位属性

background;background-color||background-image||background-repeat||background-attachment||background-position

设置背景的所有属性,即简写时使用background:xxx xxx;设置背景的颜色,背景图片,背景平铺方式,背景图片是固定还是随内容滚动,设置背景的起始位置
 

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值