2017年06月_心之所善兮

07月 06月

原创 css中的定位---lesson12

css中的定位涉及到的属性：positiondisplayfloattop、right、bottom、left具体说明：1、position：relative相对布局：是相对于自己偏移前的元素进行的相对布局；使用top、left来设置偏移量；虽然偏移了，但是会保留自己未偏移时的空间，其他元素不能占用它。图中可以看到“相对布局2”的位置偏移了，但是“相对布局3”的

2017-06-20 02:04:00 317

原创 css中的框模型---lesson11

框模型涉及到属性：widthheightpaddingborder-widthborder-styleborder-colormargin截图：代码：Insert title herebody { margin: 0px; padding: 0px; border-width: 0px;}.out { width: 100px

2017-06-17 16:23:23 267

原创 css中的轮廓---lesson10

css中的轮廓涉及到下面的属性：outline-coloroutline-styleoutline-width截图：代码：Insert title herep { width:auto; border: red solid thin; outline: #00ff00 dotted thick; /*定义轮廓，依次为颜色、样式：none没

2017-06-16 01:42:44 255

原创 css中的表格---lesson9

css中的表格table涉及到的属性控制：border-collapsecaption-sideempty-cellsborder-spacingtable-layoutborder截图：代码：Insert title here#customers { font-family: "Trebuchet MS", Arial, Helvetica,

2017-06-16 01:13:50 329

原创 css中的列表---lesson8

css中的列表分为无序ul和有序ol，它们的相关属性控制有：list-style-typelist-style-imagelist-style-position截图：代码：Insert title hereul.list_style_type { list-style-type: disc; /*定义无序列表ul的样式： disc实心圆

2017-06-15 01:03:14 308

原创 css中的链接---lesson7

css中的链接相关属性：a:linka:visiteda:hovera:active截图：

2017-06-12 23:20:16 238

原创 css中的字体---lesson6

css中的字体控制属性：font-familyfont-stylefont-variantfont-weightfont-size截图：代码：无标题文档body { font-family: Georgia, 'Times New Roman', Times, serif; /*字体，serif为通用字体，其他为指定

2017-06-12 22:58:37 245

原创 css中的文本---lesson5

css中的文本控制：text-indentcolorline-heighttext-alignword-spacingletter-spacingtext-transformtext-decorationwhite-spacedirection截图：代码：Insert title h

2017-06-11 23:11:33 217

原创 css中的背景---lesson4

css中的背景控制：background-colorbackground-imagebackground-repeatbackground-positionbackground-attachment图示：代码：a.htmlInsert title hereh1 { background-color: blue;

2017-06-10 18:05:17 242

原创 css样式的继承和覆盖---lesson3

样式决定因素：决定一个元素的样式：除了自己本身设置的样式：如style、class、id、复合内容css选择器外，还需要考虑从父元素中获取的样式，如果自己的样式没有就从所有父元素中获取，如果多个父元素有相同的样式属性，那么会以最近的父元素的样式属性为准；调试方式：使用火狐浏览器可以很方便的在线查看和调试样式，下面来看看；效果图：分析通过点击firebug上查

2017-06-09 22:39:30 843

原创 css的引入规则---lesson1

引入规则有3种方法：1、外部样式表：通过引入外部的一个css文件来作用要修饰的元素；该样式可以被其他页面文件引入使用；2、嵌入式样式表：通过在当前页面的head部定义样式；样式只在页面内有效；3、内联式样式表：通过在某一个元素上定义style属性来表示；样式只对该元素有效；基本使用范例：截图：代码：a.htmlInsert title here

2017-06-07 06:53:13 379

原创 css样式选择器的类型---lesson2

css样式选择器有4类：1、类选择器，可以作用任何html元素2、id选择器，仅用于一个html元素3、标签选择器，用于相同的html标签元素4、复合内容选择器，基于选择的内容基本使用范例：截图：代码：Insert title here.zs-item { font-size: 18px; color: #F60;}#zs-first {

2017-06-07 00:31:53 637