css框架学习
<p><strong><span style="font-size: 18pt">css重新学习</span></strong></p><p><strong><span style="font-size: 18px">1.css的语法自行百度没什么可以说的。</span></strong></p>
<p><strong><span style="font-size: 18px">2.css的选择器</span></strong></p>
<p>（1）类选择器 ：class用法是，.h1{color:red}</p>
<p>（2）id选择器 ：id用法是，#h1{height:300px}</p>
<p>（3）符合选择器 : 用法是 .h1 img{height:400px; width:300px}</p>
<p><strong><span style="font-size: 18px">3.css的样式：</span></strong></p>
<p>背景，文本，字体，链接，表格</p>
<p>背景：background-color</p>
<p>文本：有一些不是常用的就不写了</p>
<p>text-indent：1cm ；文本缩进1cm</p>
<p>text-align :left,right,center;</p>
<p>字体：font-size</p>
<p>链接：</p>
<p>a:link - 普通的、未被访问的链接</p>
<p>a:visited - 用户已访问的链接</p>
<p>a:hover - 鼠标指针位于链接的上方</p>
<p>a:active - 链接被点击的时刻</p>
<p>表格：</p>
<p>css部分代码实现表格的</p>
<div>
<div>table,td,th{</div>
<div> border: 1px solid black;</div>
<div> }</div>
<div> table{</div>
<div> width: 100%;</div>
<div> }</div>
<div> th{</div>
<div> width: 50px;</div>
<div> }</div>
</div>
<p>html代码实现页面的内容的。</p>
<p><table><br><tr><br><th>Firstname</th><br><th>Lastname</th><br></tr><br><tr><br><td>Bill</td><br><td>Gates</td><br></tr><br><tr><br><td>Steven</td><br><td>Jobs</td><br></tr><br></table></p>
<p><strong><span style="font-size: 18px">4.盒子模型主要涉及到有margin，padding，border3个大块组成。</span></strong></p>
<p>margin：主要是负责外边距的</p>
<div>
<div> margin-top: 30px; //上边距30px</div>
<div> margin-left: 30px; //左边距30px</div>
<div> margin-right: 30px; //右边距30px</div>
<div> margin-bottom: 30px; //下边距30px</div>
<div>padding：负责内边距的，与外边距不同，padding不是只能完全透明的，可以设置背景颜色和图片</div>
<div>
<div> padding-left: 10px;</div>
<div> padding-top: 10px;</div>
<div> padding-right: 10px;</div>
<div> padding-bottom: 10px;</div>
<div>border：最基本的，border像margin和padding一样可以分别对每一条边进行设置，也可以使用简写属性border进行设置。</div>
<div><code>border-top</code>：上边界</div>
<div><code>border-bottom</code>：下边界</div>
<div><code>border-left</code>：左边界</div>
<div><code>border-right</code>：右边界</div>
<div>如果想学习的更深入一些的推荐别的博主写的博客，本人主要是1.做一些笔记没事的时候抽空看看2.分享一下自己的学习思路和想法。3.基本上这些东西</div>
<div>他们都是有一个框架的我也把一些常用的工作中常用css和html的一些元素写了进来，纯给小白学习前段看的，也是基础的知识模块。</div>
<div><strong><span style="font-size: 14pt">最后补充下还没有写完的知识点</span>：</strong></div>
<div>在css中还有一个是定位的问题：</div>
<div>absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。</div>
<div>fixed：生成绝对定位的元素，相对于浏览器窗口进行定位，这个是固定定位方式。</div>
<div>relative：生成相对定位的元素，相对于其正常位置进行定位。</div>
<div>浮动的问题:基本就是在下面那几个属性其余的按照需求来吧</div>
<div>float：left、right、none</div>
<div> </div>
<div><br><br></div>
</div>
</div><br><br>
来源：https://www.cnblogs.com/qijiang123/p/12153958.html
頁:
[1]