Web前端基础
honeyws
这个作者很懒,什么都没留下…
展开
-
css定位
在css中,通过css定位,可以实现网页元素的精准定位。css定位和css浮动类似,因为是控制网页布局的操作,css定会为更加灵活,可以针对更多个性化的布局方案来使用。在网页布局实战中,灵活使用这两种布局方式,能够创建多种高级而精准的布局。定位属性制作网页时,css可以定位属性将一个元素精准的放在页面上指定位置。元素的定位属性由定位模式和位置属性两部分构成。定位模式在css中,positi...原创 2019-11-12 20:10:35 · 896 阅读 · 0 评论 -
css溢出隐藏
css样式中通过overflow属性来设置溢出隐藏,溢出隐藏指的是当内容溢出元素框时发生的操作,常用的设置值有visible,hidden, scroll和auto四种。visible是overflow属性的默认值,内容溢出不会被修剪,在元素框外显示。...原创 2019-11-11 19:58:04 · 2382 阅读 · 0 评论 -
css浮动
css浮动网也布局的核心–就是css来拜访盒子css提供啦三种机制来设置盒子的拜访位置,普通流。浮动和定位1,普通流块级元素会独占一行,从上到下顺序排列常用元素:div hr p h1-h6 dl form table行内元素会按顺序,从左到右顺序排列,碰到父元素边缘则自动换行:常用元素:span a i em等...原创 2019-11-10 22:54:57 · 222 阅读 · 0 评论 -
CSS reset
就是重置默认样式表的技术,把默认样式全部还原回初始值,CSS resetCSS reset的方案也会有些区别。 并且根据项目的不同,国相据前面小节中的总结,来实现一个简单的 CSS reset方案。<style>body,p,ul.o1,h1,h2,h3,h4,h5,h6{ margin : 0; padding :0; )li{ list-style : none;}a{...原创 2019-11-08 22:27:47 · 272 阅读 · 0 评论 -
块与内联
块特点1,独占一行块标签的特点是独占一行,当设置两个div标签时,可以发现默认为上下排列。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>块与内联</title></head><body>...原创 2019-11-08 19:01:18 · 236 阅读 · 1 评论 -
CSS盒子模型
初识盒子模型当河览网页时,可以发现网页是由很多个矩形组成的。这些矩形就是Css盒子模型,它是搭建布局的重要组成。CcSs 盒子模型又称框模型(Box Model), 它是由内容(oten)、内边距(adding)、边框(border)、外边距(margin) 等几个重要的CSs元素组成。为了更好地理解盒子模型,用生活中常见的快递盒子来理解盒子模型和元素分工,快递中的物品为CsS盒子模型的内容(...原创 2019-11-07 20:16:34 · 865 阅读 · 0 评论 -
样式的优先级
样式的优先级相同样式优先级,内部样式和外部样式,单一样式优先级,!important,标签+类与单类,分组优先级和包含优先级几种情况分别讲解样式的优先级相同样式优先级<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>相同样式的优...原创 2019-11-07 09:16:04 · 1389 阅读 · 0 评论 -
伪类选择符+样式的继承
伪类选择符在css中可通过链接伪类选择符可以实现不同的链接状态。伪类选择符用于像某些HTML标签添加特殊的效果。伪类选择符包含的内容很多,在css基础部分先学习link hove active和visited四个伪类选择符,其中的link visited这两个伪类选择符只能用在标签上,hove active这两个伪类选择符则可以用在所有的标签上。伪类选择符通过(:)的方式来设置。Link伪类...原创 2019-11-05 00:20:52 · 268 阅读 · 0 评论 -
通配选择符
选择符Id选择符,class选择符,tag选择符,通配选择符,分组选择符,包含选择符和伪类选择符Id,class选择符上个说过了。就直接说tag选择符。Tag选择符也叫标签选择符,可直接通过HTML标签的名字来设置样式。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2019-11-04 20:36:13 · 537 阅读 · 0 评论 -
三种引入方式
外部引入方式写法与内部样式的写法完全一样,只是外部引入方式是将CSS代码保存在扩展名为.CSS的样式表中,在HTML文件中引用扩展名为.CSS的样表符。引入的方式用链接式和导入式两种方式。链接式是将所有的样式放在一个或多个以.CSS问扩展名的外部样式表中,通过网页的标签中使用标记将外部样式表文件连接到HTML文档中。语法如下<link herf=”mystyle.css” rel=...原创 2019-11-03 13:58:55 · 1374 阅读 · 0 评论 -
复合样式+css内部引入方式
复合样式也叫复合写法,是一种用来简化单一样式的写法。涉及到背景(background)边框(border)文字(font)等属性都具备复合写法。Background<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>复合样式&l...原创 2019-11-02 18:08:35 · 719 阅读 · 0 评论 -
段落样式
段落样式设置段落的相关属性、text-decoration 定义文本装饰text-transform 定义文本大小写text-indent 定义文本缩进text-align 定义文本对齐方式line-height 定义行高letter-spacing 定义字间距word-spacing 定义词间距text-decoration语法:文本装饰<p style="text-...原创 2019-11-01 17:36:38 · 295 阅读 · 0 评论 -
边框样式+文字样式
边框样式边框样式的属性设置边框的属性有border-color 定义边框颜色border-width 定义边框大小border-style 定义边框样式border-left 定义左边框border-right 定义右边框border-top 定义上边框border-bottom 定义下边框边框样式有实线(solid)虚线(dashed)点线(dotted)语法格式&l...原创 2019-10-31 09:16:48 · 918 阅读 · 0 评论 -
CCS书写方式
CCS书写方式2.1什么是书写方式?CSS应该写到什么地方?书写方式分为三种嵌入式 外链式 行内式2.2嵌入式什么是嵌入式jiangCSS代码嵌入到HTML文件中,嵌入式式通过如果我们使用的是HTML5的文档 type属性可以不写注意:他可以出现在HTML中任何地方,但是一般情况我们只会将他放置在标签下2.3外链式什么是外链式?外链式是单独一个以CSS为扩展名的文件,然后...原创 2019-10-30 18:13:47 · 766 阅读 · 0 评论 -
web前端基础0-3
CSS基础结构1.CSS代码是由选择器和一对括号组成2.大括号里面是 由- -条一条的声明语句组成。每一条语句都要 使用英文状态下面的分号。每一条语句是由 “属性:值”组成Css 中的属性值一般不加引号。3.在CSS中如果属性值为数值型数据的时候-般情况下需要加单位 单位-般都是px4.在CSS 中不能出现HTML标签。<!DOCTYPE html><html lan...原创 2019-10-29 20:23:10 · 112 阅读 · 0 评论 -
web前端基础0-2
标签 单元格一 单元格二 单元格一 单元格二 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20191028184725915.png?x-oss-process=image/watermark,type_ZmFuZ3poZ...原创 2019-10-28 19:17:16 · 117 阅读 · 0 评论 -
Web前端基础
一、div标签1.div标签的格式内容2.div标签的注意事项a. div标签是一个块元素,独占一行b.没有具体的语句c.唯一的格式就是换行d.常结合CSS用于页面布局二、span标签span标签的格式内容三、span标签的注意事项a. 行内元素、内容有多宽就占用多宽的空间距离b.没有具体的语义c.常用于修改段落中局部的样式三、表格标签1.表格标签的基本样式(2行2...原创 2019-10-27 22:55:29 · 136 阅读 · 0 评论