wy_0928的博客

【通过CSS设置边框】方便，代码如下 ul{ list-style-type:circle;/*将列表前用空心圆编号*/ /*list-style-image:url(1.bmp); 将列表前的编号位置用图1.bmp表示*/ } table{ border-bottom:#0C0 double 3px; /*表格底边框设置为绿色 双下划线 线条粗细3*/

【伪元素选择器】 其实就在html中预先定义好的一些选择器，称为伪元素。是因为CSS的术语。 格式：标签名：伪元素。类名 标签名：伪元素。都可以。 a:link 超链接未点击状态。 a.visited 被访问后的状态。 a:hover 光标移到超链接上的状态（未点击）。 a:active 点击超链接时的状态。 （如：平时访问网页时，未点击的超链接是蓝色带下划线字体，点

【CSS介绍】 CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果。 可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并 增强了网页的现实效果功能。 →CSS将网页内容和显示样式进行分类，提高了显示功能。 （降低了耦合性，提高了扩展性） 【CSS和HTML结合的方式】 1.style属性方式 利用标签

【选择器】 指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。 选择器共有三种： 1.html标签名选择器，使用的就是html的标签名；（上两个视频中全是标签名选择器） 2.class选择器，使用的标签中的class属性； 3.id选择器，使用的是标签中的id属性。 每一个标签都定义了class属性和id属性。用于对标签进行标识，方便

【CSS的布局-图文混排】 步骤1：先将图片、文字等数据进行标签的封装；【切记】凡是需要操作的文字都要标签封装，如带有超链接效果的文字 步骤2：根据标签设置样式； 【示例代码】 #imgtext{ border:#06F dashed 1px; height:400px; width:200px; } #img{ height

【CSS的布局-漂浮】 查阅API，发现漂浮用float表示，其有三个值：none（默认值）、left、right， none：设置对象不浮动 left：设置对象浮在左边 right：设置对象浮在右边 另外，API中还有用于清除漂浮的方法：clear，其有四个值： none:允许两边都可以有浮动对象 both:不允许有浮动对象 left:不允许左边有浮动对象

实际网页开发中，用div+css较多，即用div在网页中划分出若干区域，然后用CSS设置每个区域的样式，这些区域就被称之为“盒子”。 （可以想象成九宫格排列方式，详见桌面图解文件vedio30CSS08） 对于盒子模型，其属性如下： （1）边框：border 上边框：border-top 下边框：border-bottom 左边框：border-left 右边框：bo

#text{ font-family:"华文隶书"; font-size:24px; position:absolute; /*先飘起来，再定位*/ top:50px; /*其有父节点，所以这里是相距父节点的距离*/ left:10px; } #imgtext{ border:#F60 dotted 1px; width:160px; po

【伪元素选择器】 p:first-line 段落的第一行文本。 p:first-letter 段落中的第一个字母。 :focus 具有焦点的元素。IE6浏览器不支持，在FireFox中可以看到效果。 【代码】 p:first-letter{ font-size:36px; color:#F00; } input:focus{ background-

【关联选择器】 标签是可以嵌套的，要让相同标签中的不同标签显示不同样式，就 可以用此选择器。 【代码】 span b{ /*关联选择器——选择器中的选择器*/ background-color:#09F; color:#FFF; } 一个div的区域 一个span的区域 【效果】 标签是加粗，代码中用关联选

【CSS和HTML结合方式三】“导包”方式 【代码】 （1）div.css文件内的代码： div{ background-color:#000000; color:#FFFFFF } （2）span.css文件内的代码： span{ background-color:#FC3; color:#0C0; } （3）p.cs

【CSS布局-定位】 查找API，发现定位是position，其有4个值： （1）static： 默认值。无特殊定位，对象遵循HTML定位规则；   （2）absolute： 将对象从文档流中脱离，使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对 定位。如果不存在这样的父对象，则依据body对象，而其层叠通过z-index属性定