css案例学习之id要唯一

ID有两个的后果 <html> <head> <title>ID选择器</title> <style type="text/css"> #one{ font-weight:bold; /* 粗体 */ } #two{ font-size:3...

css案例学习之并集选择器

代码 <html> <head> <title>并集选择器</title> <style type="text/css"> h1, h2, h3, h4, h5, p{ /*并集选择器*/ color:purple; /* 文字颜色 */ ...

CSS 快速掌握

49 课时 |
19529 人已学 |
免费

零基础学前端HTML+CSS

57 课时 |
8924 人已学 |
免费

前端开发CSS基础

21 课时 |
4255 人已学 |
免费
开发者课程背景图

css案例学习之继承关系

代码 <html> <head> <title>继承关系</title> <style> body{ color:blue; /* 颜色 */ text-decoration:underline; /* 下划线 */ } em{ color...

css案例学习之盒子模型

定义:每个盒子都有:边界、边框、填充、内容四个属性; 每个属性都包括四个部分:上、右、下、左;这四部分可同时设置,也可分别设置;里的抗震辅料厚度,而边框有大小和颜色之分,我们又可以理解为生活中所见盒子的厚度以及这个盒子是用什么颜色材料做成的,边界就是该盒子与其它东西要保留多大距离。 案例代码: &l...

css案例学习之父子块的margin

两边还会有些距离,这是body默认的。 代码: &lt;head&gt; &lt;title&gt;父子块的margin&lt;/title&gt; &lt;style type="text/css"&gt; /* body{ margin:0 0; } */ div.father{ /* 父div...

css案例学习之float浮动

代码: &lt;!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="ht...

css案例学习之relative与absolute

代码 &lt;!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="htt...

css案例学习之div ul li a 实现导航效果

效果 代码 <html> <head> <title>无需表格的菜单</title> <style> body{ background-color:#dee0ff; } #navigation { width:150px; font-fam...

css案例学习之div a实现立体菜单

效果 代码 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="...

css案例学习之span边框实现的特殊效果

bottom left bottom right top left top right   配合颜色来使用,实现一些神奇的效果 #menu a span{ height:0; width:0; /*border-top:solid 6px #fff; border-left:solid 6...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

开发与运维
开发与运维
集结各类场景实战经验,助你开发运维畅行无忧
6409+人已加入
加入
相关电子书
更多
零基础CSS入门教程
立即下载