HTML+CSS
浦振江
这个作者很懒,什么都没留下…
展开
-
第一章 初识HTML标签
初识HTML标签h1-h6:标题标签,字体、加粗、权重依次变小 。p:段落标签,单独占据一行,代表段落。pre:预格式文本,保留你所有的格式 按照源码的形式输出,如空格。em i :强调标签,效果是倾斜。【em 和 i有什么区别】s**trong b** :加粗标签,效果是加粗。【strong和 b有什么区别】span:用来组合内容的标签,没有任何视觉效果。sup sub:上下角标标签原创 2017-10-06 23:25:00 · 302 阅读 · 0 评论 -
HTML CSS总结
transparent(透明的) css如何制作出三角形:盒子宽高为0 利用边框进行设置 border-top:10px soild transparent; border-right:10px solid red; border-bottom:10px solid transparent; border-left:10px solid transparent;p:nth-child(1)原创 2017-10-09 22:15:08 · 236 阅读 · 0 评论 -
第十二章 表单元素
表单:<form action="" method=""></form> 表单元素:<input type=""/> type=”text”单行文本输入框 type=”password” 密码框 type=”radio”单选按钮 type=”checkbox”复选框 type=”file”文件域 type=”reset”重置按钮 type=”button”普通按钮原创 2017-10-07 16:25:49 · 306 阅读 · 0 评论 -
第十一章 img特征 vertical-align cursor opactiy
img特征支持宽高支持margin支持横排展示支持text-align(水平居中 在父级元素中设置 作用到子集)支持vertival-align(垂直方向居中 设置给本身 作用自己)vertical-align:垂直方向对其定义行内元素的基线 相对与该元素所在行的基线的垂直对齐inline inline-block img才具有 块级元素没有vertical-align的值: 1.原创 2017-10-07 16:12:14 · 431 阅读 · 0 评论 -
第十章 定位 层级关系
定位定义:参照参考物来改变自己的位置属性:position值: 1. static 默认定位 遵循文档流 2. fixed 固定定位 将元素固定在页面的指定位置 3. relative 相对定位 不使元素脱离文档流 参考位置是在页面第一次加载成功的位置 4. absolute 绝对定位 使元素脱硫文档流 配合相对定位使用 绝对定位的元素的位置相对于最近的已经定位的祖先元素 margi原创 2017-10-07 15:55:10 · 496 阅读 · 0 评论 -
第九章 浮动
定义:使元素脱离文档流 按照指定方向(左右)发生移动 遇到父级边界或者相邻浮动元素就停下来所有元素都可以设置浮动 所有浮动了的元素都是块级元素浮动的特殊情况:两个子集 一个添加了浮动 一个未添加浮动 添加了浮动的在上面 未添加的在下边浮动的元素只能影响后面的兄弟圆度 不能影响子集浮动的元素总体宽度超出父级袁术的宽度 则超出的部分被挤下来换行显示浮动对文字的影响: 浮动回事文字环绕浮动的危原创 2017-10-07 15:48:15 · 222 阅读 · 0 评论 -
第八章 优先级和css3
优先级选择器优先级:基本选择器:id>类名>标签名>*复杂选择器:id>class>tagNameid选择器个数不相等 id个数多的优先级高id选择器个数相等则看class个数,class个数相等 再看tagName个数以下两种选择器优先级一样 不分先后#warp ul li .list{}.warp ul li #list{}样式优先级:行内样式>内部样式>外部样式css3border原创 2017-10-07 15:40:31 · 264 阅读 · 0 评论 -
第七章 选择器高级 a伪类
高级选择器E,F群组选择器(最后一个选择器不能添加逗号)E F后代选择器(形成父子关系)E>F 子元素选择器E+F毗邻元素选择器(从某个指定元素开始 它后面的第一个元素)属性选择器div[class] 匹配有class属性的div元素div[id=”box1”] 匹配指定id属性和值的div元素a[class~=”btn1”]匹配指定class属性中等于或包含指定值的元素a[cla原创 2017-10-07 15:30:27 · 614 阅读 · 0 评论 -
第六章 字体font
文本样式修改color:文字颜色 值:英文单词 十六进制颜色值font-size:文字大小 值:px具体像素单位(尽量用偶数位的值) %取决于父级元素的字体大小 em 取决于自己使用字体大小 1em = 元素中文本的1个垂直高度 rem 取决于根元素的字体大小font-family:字体效果(用引号引起来)font-style:值原创 2017-10-07 14:41:19 · 281 阅读 · 0 评论 -
第五章 css选择器 背景
一、css选择器通配符选择器 *元素选择器 【标签关键字】div p span aid选择器 以id进行命名class选择器 以class进行命名后代选择器id和class之间的区别:命名方式不一样在样式中使用方式不一样 id-># class->.优先级不一样 id>class同名class值 一个页面可以出现多次 ;一个页面中id值不允许重复。二、背景backgroun原创 2017-10-07 14:16:39 · 293 阅读 · 0 评论 -
第四章 样式初始化 元素类型转换 外边距合并
一、样式初始化清除浏览器默认样式,以避免造成不必要的兼容性问题。body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin:0;}ol,ul{margin:0;padding:0;list-style:none;}a{text-decoration:none;}img{border:none;}*{margin:0;padding:0}二、元素类型块级元素:单独占据一行,原创 2017-10-07 11:59:04 · 246 阅读 · 0 评论 -
第三章 样式 盒模型
一、css样式行内样式:style="width=300px;background:red"内部样式:<style type="text/css">多条css规则</style>外部样式:<link rel="stylesheet" type="text/css" href="css文件路径"/>三者优先级: 采取就近原则,相同属性不同值会被覆盖。 行内样式>内部样式>外部样式二、原创 2017-10-07 00:13:07 · 296 阅读 · 0 评论 -
第二章 img+列表标签
一、imgimg图片格式: - .jpg 最普通的图片格式 - .png 背景透明的图片,可以直接跟页面背景吻合 - .gif 动态图 类似小视频图片的几大要素: width:宽度(在修改宽度时,若高度不指定,那么高度会随宽度的变化而变化) height:高度(在修改高度时,若宽度不指定,那么宽度会随高度的变化而变化) src:图片加载的路径原创 2017-10-06 23:46:45 · 293 阅读 · 0 评论 -
第十三章 表格 框架
表格table的特征单元格默认平分表格的宽高th里面的内容默认加粗并且左右上下居中显示td里面的内容上下居中 左对齐table的大小由table决定table里面的单元格宽度会被转换成百分比表格里面的每一列必须由宽度表格同列同行会继承最大值th td没有margin属性框架框架集:frameset属性 rows分行 cols分列 noresize="nore原创 2017-10-08 09:08:03 · 250 阅读 · 0 评论