OK!接下来我们分别说这些元素的意义.首先,什么是块级元素?在html中<div>,<p>,<h1>,<form>,<ul>和<li>就是块级元素.(ul标签和li标签还记得是什么意思吧?)设置display:block就是将元素显示为块级元素.如:a{display:block;}这里就是将内联元素a转换为块状元素,从而使a元素具有块状元素的特点.那么它有哪些特点呢?1.每个块级元素都从新的一行开始,并且其后的元素也另起一行.(真特…

 现在来说相对定位: 如果想为元素设置层模型中的相对定位,需要设置position:relaive(表示相对 定位),它通过left.right.top.bottom属性确定元素在正常文档流中便宜位 置.相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像 层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left.right. top.bottom属性确定,偏移前的位置保留不动.那么,什么叫"偏移前的位置保 留不动呢?"就是div元素相对于以…

基础选择器 选择器:css 选择 html 标签的一个工具,是将 css 与 html 建立起联系,那么 css 就可以控制 html 样式 选择器其实就是给 html 标签起名字 标签选择器 作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性 格式: 标签名称 { 属性: 值; } 注意点: 标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签 标签选择器无论标签藏得多深都能选中 id选择器 作用:根据指定的 id 名称找到对应的标签,然后设置属性 格式: #…

 css开始 p{    font-size:12px;    color:red;    font-weight:blod } p为选择符p{}又称选择器,指明网页中要应用样式规则的元素.属性和值之间用 ":"分隔.注意:最后一条声明可以没有分号,但是为了以后修改方便,一般也加 上分号:为了使用样式更加容易阅读,可以将每条代码写在一个新行内. css样式分为:内联式.嵌入式和外部式 内联式:css样式表就是把css代码直接写在现有的html标签中,如: <p style=&qu…

继承 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代.比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签. CSS中存在一些不能继承的样式,如: border:1px solid red; 特殊性 同一标签设置不同的css样式,游览器根据标签权值来判断使用哪个CSS样式. 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100. 继承也有权值且为最低. p{color:red;}…

css中的某些样式是具有继承性的.它允许样式不仅应用于某个特定html标签元素 而且应用于其后代.如: p{color:red;}  <p>dsffd<spans>sdfasdf</span>sd</p> 注意有些css样式是不具有继承性的.如border:1px solid red;这里的设计很合理 css有个特殊性,标签的权值为1,类选择符的权值为10,id选择符的权值最高为1 00. 注意,还有一个权值比较特殊,继承.继承也有权值但是它是最低的. 突然…

浏览器内核 浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上.浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息.不同的浏览器内核对网页的语法解释也不同,因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果. 主要分成两部分: 渲染引擎(Layout engineer 或Rendering Engine) JS引擎 渲染引擎:负责取得网页的内容(HTML.XML.图像等).整理讯息(例如加入CSS等),以及计算网页的显示方式,然后会输出至显示器或打印机.浏览…

目录 CSS基础语法(三) 十五.CSS定位 1.为什么要使用定位 2.定位组成 定位模式 静态定位 相对定位 绝对定位** 固定定位 粘性定位 边偏移 子绝父相 3.定位的叠放次序 4.拓展 绝对定位的盒子居中 定位特殊特性 脱标的盒子不会触发外边距塌陷 绝对定位会完全压住盒子 5.网页布局总结 十六.元素的显示与隐藏 1. display显示隐藏** 2. visibility可见性 3. overflow溢出 CSS基础语法(三) 十五.CSS定位 1.为什么要使用定位 浮动可以让多个块级…

一.概念 CSS(Cascading Style Sheets,层叠样式表) 可以用来为网页创建样式表,通过样式表可以对网页进行装饰. 所谓层叠,就是可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的.而CSS可以分别为网页的各个层次设置样式. 书写的位置: 1.内联样式:可以将css样式表书写到元素(标签)的style属性中,只对当前标签中的内容起作用,不方便复用.属于结构与表现耦合,不推荐使用. 2.内部样式:可以将css样式编写的head中style标签中,然后通过css选择器…

前段时间写过一篇CSS基础知识之position,当时对float的理解不太准确,被慕课网多名读者指出(原文已修正,如有误导实在抱歉).现对float进行更深入的学习,在此把学习心得分享给大家. 浮动的基础知识 浮动有4个属性:left(左浮动).right(右浮动).none(不浮动).inherit(继承). 浮动元素的包含块是其最近的块级祖先元素. 浮动元素会左偏移(或右偏移),直到它的外边界接触到『包含块的内边界』或『另一个浮动元素的外边界』. 浮动元素脱离了标准文档流,文字和行级元素会…