摘要: CSS权重 CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级,按照等级来计算权重 1、!important,加在样式属性值后,权重值为 100002、内联样式,如:st 阅读全文
posted @ 2018-05-15 15:44 瀛洲小李 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 定位 关于定位 我们可以使用css的position属性来设置元素的定位类型,postion的设置项如下: relative 生成相对定位元素,元素所占据的文档流的位置不变,元素本身相对文档流的位置进行偏移 absolute 生成绝对定位元素,元素脱离文档流,不占据文档流的位置,可以理解为漂浮在文档 阅读全文
posted @ 2018-05-15 15:33 瀛洲小李 阅读(202) 评论(0) 推荐(0) 编辑
摘要: css元素溢出 当子元素的尺寸超过父元素的尺寸时,需要设置父元素显示溢出的子元素的方式,设置的方法是通过overflow属性来设置。 overflow的设置项: 1、visible 默认值。内容不会被修剪,会呈现在元素框之外。2、hidden 内容会被修剪,并且其余内容是不可见的,此属性还有清除浮动 阅读全文
posted @ 2018-05-15 15:27 瀛洲小李 阅读(251) 评论(1) 推荐(1) 编辑
摘要: CSS盒子模型 盒子模型解释 元素在页面中显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实中盒子来做比喻,帮助我们设置元素对应的样式。盒子模型示意图如下: 把元素叫做盒子,设置对应的样式分别为:盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距( 阅读全文
posted @ 2018-05-15 13:19 瀛洲小李 阅读(216) 评论(0) 推荐(0) 编辑
摘要: css选择器 常用的选择器有如下几种: 标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。举例: 通过id名来选择元素,元素的id名称不能重复,所以一个样式设置项只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。举例: 通过类名来选择元素,一个类可应 阅读全文
posted @ 2018-05-15 12:59 瀛洲小李 阅读(130) 评论(0) 推荐(0) 编辑
摘要: css基本语法及页面引用 css基本语法 css的定义方法是: 选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例: css页面引入方法: 1、外联式:通过link标签,链接到外部样式表到页面中。 2、嵌 阅读全文
posted @ 2018-05-15 12:34 瀛洲小李 阅读(247) 评论(0) 推荐(0) 编辑
摘要: html表格 table常用标签 1、table标签:声明一个表格 2、tr标签:定义表格中的一行 3、td和th标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格 table常用属性: 1、border 定义表格的边框 2、cellpadding 定义单元格内内容与边框的距离 3 阅读全文
posted @ 2018-05-15 12:20 瀛洲小李 阅读(157) 评论(0) 推荐(0) 编辑
摘要: html图像、绝对路径和相对路径 html图像 <img>标签可以在网页上插入一张图片,它是独立使用的标签,通过“src”属性定义图片的地址,通过“alt”属性定义图片加载失败时显示的文字,以及对搜索引擎和盲人读屏软件的支持。 绝对路径和相对路径 像网页上插入图片这种外部文件,需要定义文件的引用地址 阅读全文
posted @ 2018-05-15 12:07 瀛洲小李 阅读(261) 评论(0) 推荐(0) 编辑
摘要: html段落、换行与字符实体 html段落 <p>标签定义一个文本段落,一个段落含有默认的上下间距,段落之间会用这种默认间距隔开,代码如下: html换行 代码中成段的文字,直接在代码中回车换行,在渲染成网页时候不认这种换行,如果真想换行,可以在代码的段落中插入<br />来强制换行,代码如下: h 阅读全文
posted @ 2018-05-15 09:47 瀛洲小李 阅读(226) 评论(0) 推荐(0) 编辑
摘要: html基本结构 一个html的基本结构如下: 第一行是文档声明,第二行“<html>”标签和最后一行“</html>”定义html文档的整体,“<html>”标签中的‘lang=“en”’定义网页的语言为英文,定义成中文是'lang="zh-CN"',不定义也没什么影响,它一般作为分析统计用。 “ 阅读全文
posted @ 2018-05-15 09:42 瀛洲小李 阅读(250) 评论(0) 推荐(0) 编辑