【CSS基础（背景、文本、列表、表格、轮廓）】的更多相关文章

css基础-背景文本

css背景 1. background-color:#6495ed; 2. background-image:url('bgdesert.jpg'); 3. background-repeat:repeat-x;重复 4. background-attachment滚动 5. background-position:right top; 100px 10%也可以,代表居上居左 6. background-size:80px 60px;尺寸 7. background-origin:content…

Bootstrap框架(基础篇)之列表,表格,表单

继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>…</li> </ul> 有序列表 <ol> <li>…</li> </ol> 定义列表 <dl> <dt>…</dt> <dd>…</dd> </dl> Bootst…

CSS 基础：文本和字体(4)<思维导图>

这段时间利用一下间隙时间学习了CSS的基础知识,主要目的是加深对CSS的理解,虽然个人主要工作基本都是后台开发,但是个人觉得系统学习一下CSS的基础还是很有必要的.下面我学习CSS时做的思维导图(全屏查看:文本和字体<思维导图>): 参考资料:<CSS设计指南(第二版)>…

CSS基础-背景

CSS背景 background 纯色背景 {background-colcor:gray; padding:20px} 为元素设置背景色,并设置了内边距,使得元素中的文本向外少有延伸. 用rgba设置背景颜色,例如半透明的黑色:rgba(0,0,0,0.5),前三个参数是红绿蓝,最后一个参数可以实现透明度的设置. 也可以用opacity: 0.x 设置透明度,但是这会将整个元素,包括文字部分一起实现透明.   图片背景 {background-image:url(图片地址);} 一般来说,背景…

HTML+css基础 Text文本属性

Text文本属性: 1.颜色  color color:red 2.文本缩进 text-indent 属性值 数字+px: text-indent:10px: 3.文本修饰 text-decoration 属性值:underline 下划线  none 默认值没有任何线 overline  上划线 4.文本的对齐方式 text-align 属性值 left right center justify(两端对齐) width 宽  height 高  属性值都是像素 任何一个标签都是以方格的形式呈现…

【css基础】文本对齐，水平对齐，垂直对齐

先说水平对齐,那首先想到的就是text-align了,text-align:left,text-align:center,text- align:right,代表的就是左对齐,居中对齐和右对齐,需要注意的是如果有padding这类的东西在,千万看清楚两边的padding值是否相 同,当你看到文字不在中间的时候,可能就是因为两边的padding值不同,举例说明: <p>我是一段测试文字</p> 如果看过我前面一片做一个简单网页的日志就知道,这个应该放在body标签里面. 放在网页里就…

css基础知识之列表

ul.li列表样式部分如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表样式</title> <style> ul.ul1{ /*list-style常用值:decimal数字 circle空心圆 disc实心圆,系统默认*/ list-style-image: url("…

CSS基础 背景图片的相关属性

属性名: background-size: 宽度 高度; 属性值 说明 数字+px 简单方便,常用 百分比 相当于盒子自身的百分比,如:百分百,就是就算是图片变形也要显示 contain 动比例缩放,但不会超出盒子最大,不会变形,有可能留白 cover 覆盖,等比例缩放,不会留白 属性1:因为盒子和图片不一样,容易拉伸变形 代码:   .one{             width: 400px;             height: 300px;             border:1px…

1 CSS简介&语法&选择器及优先级&背景&文本&字体&链接&列表&表格

什么是CSS? Cascading Style Sheets层叠样式表,样式定义如何显示HTML元素 样式通常存储于样式表中,外部样式表通常存储在CSS文件中 多个样式定义可层叠为1,样式对网页中元素位置的排版进行像素级精确控制 对于同一个HTML元素,样式级别升序如下所示: 浏览器缺省设置 外部样式表 内部样式表(位于head标签内部) 内联样式(在HTML元素内部,优先级最高) CSS语法: css语法构成: 选择器,通常是需要改变样式的HTML元素 一条或者多条声明,每条声明由一个属性和一…

css基础-盒子模型+背景和列表

border-style的值: none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin: 垂直方向两个相邻元素都设置了外边距,那么外边距会发生合并 合并高度=两个发生合并的外边距中的较大值 元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框 元素在页面中实际所占的高度是:上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距 hover属性实现鼠标悬停时显示子元素: <!DOCTYPE html> <html>…