css学习1

1.内联元素和块级元素的区别
https://www.cnblogs.com/dxzg/p/6423922.html?utm_source=itdadao&utm_medium=referral

2.id和class选择器都可以被作用于派生选择器

.fancy td {
	color: #f60;
   background: #666;
}

元素也可以基于它们的类而被选择:

td.fancy {
  color: #f60;
  background: #666;
}

3.alt和title的区别与用法
http://www.php.cn/html5-tutorial-362541.html
并且可以通过title进行设置属性选择器
http://www.w3school.com.cn/css/css_syntax_attribute_selector.asp

4.引入外部样式

<head>
	<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

内部样式

<head>
<style type="text/css">
	  hr {color: sienna;}
	  p {margin-left: 20px;}
	  body {background-image: url("images/back40.gif");}
</style>
</head>

5.背景的使用

p{
	  background-image: url("xxxx");
      background-repeat: no-repeat;
     /*background-attachment:;scroll*/ 这是默认,背景随着滚动而滚动
      background-attachment: fixed;  当内容滚动时u,背景不变化
	  background-position: 20% 20%; 定位,可以使用px 或center等
}

6.文本
文本缩进

text-indent: 5em  也可以使用%

并且可以搭配padding-left: 5em;进行前面文本突出的效果。

水平对齐

text-align:center
justify

字间隔,也就是能够检测到空格,并且处理空格的长度

word-spacing

字母间隔

letter-spacing

字符转换

text-transform 属性处理文本的大小写。这个属性有 4 个值:
none
uppercase
lowercase
capitalize

文本装饰

text-decoration 有 5 个值:
none
underline
overline
line-through
blink

处理空白符

white-space 属性
主要用nowrap,不换行

文本方向

direction 属性

7.设置链接的样式
链接的四种状态:

a:link - 普通的、未被访问的链接
a:visited - 用户已访问的链接
a:hover - 鼠标指针位于链接的上方
a:active - 链接被点击的时刻

8.在ul中设置样式

list-style-type : none  也可以设置circle square等

9.对于table表格
将默认的两条边的边框合并

border-collapse:collapse;

设置文本对齐

text-align 和 vertical-align 

10.进行设置边框属性,位于边框边缘的外围,突出元素

outline    在一个声明中设置所有的轮廓属性。    
outline-color    设置轮廓的颜色。    
outline-style    设置轮廓的样式。    
outline-width

11.框模型
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值