css2

作者: LaBaby_ | 来源:发表于2017-06-20 00:07 被阅读0次

<ol>css字体**
<li> font-size 设置字体大小(px em rem)</li>
<li>font-family 设置字体系列</li>
<li>font-style 设置字体的风格<ul>
<li>normal 设置字体属于正常</li>
<li>italic 设置字体斜体</li>
<li>oblique 文体倾斜显示</li></ul>
</li>
<li>font-weight 设置文本粗细
<ul>
<li>100-900</li>
<li>bolder</li>
<li>normal</li>
</ul>
</li>
</ol>
<ol>css背景
<li>background-color 设置背景颜色</li>
<li>background-image 设置背景图片</li>
<li>background-repeat 设置图像的平铺
<ul>
<li>repeat 水平垂直方向向上平铺</li>
<li>repeat-x 水平方向上的平铺</li>
<li>repeat-y 垂直方向上的平铺</li>
<li>no-repeat 背景图片仅显示一次</li>
</ul>
</li>
<li>background-position 改变图片在背景中的位置
<ul>
<li>水平值 left right center 垂直值 bottom top center</li>
<li>长度值 正值或负值 (px em)</li>
<li>百分比值</li>
</ul>
</li>
<li>background-attachment 设置背景关联
<ul>
<li>scroll 背景会随文档滚动</li>
<li>fixed 背景固定 不会随文字滚动</li>
</ul>
</li>
<li>background 复合样式(颜色 图像 平铺 关联 位置)</li>
</ol>

<ol>css列表
<li>list-style-type
<ul>
<li>none 无标记</li>
<li>disc 标记是实心圆</li>
<li>circle 标记是空心圆</li>
<li>square 标记是实心方块</li>
<li>decimal 标记是数字</li>
</ul>
</li>list-style-image 设置列表项图片<li>
</li>list-style-position 设置何处放置列表标记 (inside outside)
<li>list-style 复合样式(标记 图片 位置)
</li>
</ol>

<ol>css框模型(content padding margin border)
<li>
margin(改变与周围环境的相对位置)
<ul>
<li>margin-left</li><li>margin-right</li>mrigin-top<li></li>
<li>margin-bottom(复合样式)
<ol>
<li>设置四个值(上右下走)</li>
<li>设置三个值(上 左右 下)</li>
<li>设置两个值(上下 左右)</li>
<li>设置一个值(全部)</li>
</ol>
</ol>

相关文章

  • CSS3 Media Queries 学习笔记

    CSS2 引入 媒体类型 Media Types CSS2 引入了 @media 规则,目的是给不同的 媒体类型 ...

  • 媒体查询

    css2 css3

  • css2

    行业元素看起来设置padding值左右两边生效,上下两边是不生效的,虽然看起来生效 css属性继承: 1.什么是C...

  • CSS2

    1.伪类选择器:给链接定义样式 1.获取焦点 :focus 文本框背景 2.指定元...

  • css2

    css字体** font-size 设置字体大小(px em rem) font-family ...

  • CSS2

    Day04****************************************************...

  • css2

    text-shadow: rgb(99, 36, 35) 2px 2px 10px; overflow 与 BFC...

  • css2

    h1{ font-size:18px; color:red; } p{ font-size:12px;...

  • css2

    后代选择器 div p {/*河北 邯郸 后代选择器 p 一定是 div 的孩子 中间空格 */ ...

  • css2

    1、外边距 -------- margin(top/right/bottom/left) margin-lef...

网友评论

      本文标题:css2

      本文链接:https://www.haomeiwen.com/subject/pkguqxtx.html