HTML与CSS知识主题的文章列表，还有HTML与CSS知识的技术要点_第226页

css+div布局案例

给最外层的div命名一个class有针对性的进行css布局。<divclass="joinus-info"><divclass="form-title">填写表格</div><formaction="{sh::U('Index/joinus')}"class="smart-gr...

代码星球 ·2020-04-06

纯CSS美化的checkbox 和 radio

html<!DOCTYPEHTML><html><head><title>纯CSS3实现自定义美化复选框和单选框</title><linkrel="stylesheet"type="text/css"href="style2.css"/></...

代码星球 ·2020-04-06

css案例学习之float浮动

代码：<!DOCTYPEhtmlPUBliC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999...

代码星球 ·2020-04-06

css案例学习之父子块的margin

两边还会有些距离，这是body默认的。代码：<head><title>父子块的margin</title><styletype="text/css">/*body{margin:00;}*/div.father{/*父div*/background-color:#fffe...

代码星球 ·2020-04-06

css案例学习之div与span的区别

代码：<html><head><title>div标记范例</title><styletype="text/css">div.widthstyle{font-size:18px;/*字号大小*/font-weight:bold;/*字体粗细*/font-fam...

代码星球 ·2020-04-06

css案例学习之盒子模型

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

代码星球 ·2020-04-06

css案例学习之层叠样式

代码<html><head><title>层叠特性</title><styletype="text/css">p{color:green;}.red{color:red;}.purple{color:purple;}/*这里的顺序是关键*/#line3{col...

代码星球 ·2020-04-06

css案例学习之继承关系

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

代码星球 ·2020-04-06

css案例学习之全局声明*{} 与body{}的区别

代码<html><head><title>全局声明</title><styletype="text/css">*{/*全局声明*/color:purple;/*文字颜色*/font-size:15px;/*字体大小*/}h2.special,.special,...

代码星球 ·2020-04-06

css案例学习之并集选择器

代码<html><head><title>并集选择器</title><styletype="text/css">h1,h2,h3,h4,h5,p{/*并集选择器*/color:purple;/*文字颜色*/font-size:15px;/*字体大小*/}h2....

代码星球 ·2020-04-06

css案例学习之class执行的顺序

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xh...

代码星球 ·2020-04-06

css案例学习之id要唯一

ID有两个的后果<html><head><title>ID选择器</title><styletype="text/css">#one{font-weight:bold;/*粗体*/}#two{font-size:30px;/*字体大小*/color:#0099...

代码星球 ·2020-04-06

CSS左中右布局，规范案例

html部分<body><formid="form1"runat="server"><divid="wrap"><divid="header">header</div><divid="container"><divid="left_side"...

代码星球 ·2020-04-06

DIV+CSS规范命名

一、命名规则说明：1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何...

代码星球 ·2020-04-06

<!DOCTYPE html>

html5标准网页声明，原先的是一串很长的字符串，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5。...

代码星球 ·2020-04-06