小毛驴第一次接触web开发,就简单阐述一下自己在项目zho的中的理解:
HTML:
HyperTextMarkupLanguage超文本标记语言:可以说网页的主体其实就是html。
它是一种规范:网页文件其实就是文本文件,html通过添加标识符,对文字,图片如何处显示进行标记,所以叫文本标记语言。
除此之外,html还可以设置超链接,有一种URL指针,点击可以链接到其他网站,所以才有了超文本标记语言
CSS:
Cascading Style Sheets层叠样式表:用来给html打辅助的
为了减少HTML的负担,就有了CSS
它可以更精确控制文字字号等样式以及颜色,网页中的元素位置排版进行像素级别的设计。
CSS~HTML
在html中进行的标记,为了方便CSS找到需要精确设计的地方
CSS通过使用“#”、“.”、“空格”“”>“”’识别找到对应的位置,进行编辑,下面详细举几个例子:
【id=" "】:
是一种名称指派,这里指派给content 用“#”连接,这个id有唯一性,不可再一个文件里重复使用
[在HTML中]:< div id="content"> < /div>
[在CSS中]: #content{ 这里是设计的样式 A}
【class=" "】:
进行名称指派,对于都需要round样式的元素都可以定义一个class 用”.“连接
它与id不同,它可以重复使用,可以和多种标记进行组合;如和id组合:
[在HTML中]:< div id="content" class="round"> < /div>
[在CSS中]:.round { 这里是设计的样式B } ——这里表示只要HTML中有round标识的都有 B样式
[在CSS中]:#content .round{这里是样式C}——这里表示在HTML中标记content下的round标识才有C样式
注意:这里#content 和.round之间有一个空格,这个空格表示层次关系,不可忽略 ,如果没有空格容易出现修改的格式不能显示的莫名其妙的错误
如果以上两种格式设置两个同时存在,就要有优先级:id选择器#>class选择器.>html标签选择器
另外 >
A>B 表示选择A元素的所有子B元素,与AB的区别在于
——A B选择所有后代元素
——A>B只选择一代
例子:
【CSS中】
.nav>li{
float: left;
}
【body中】标记红色的li左浮动,其他li不左浮动
<ul class="nav">
<li class="drop-down"><a href="#">下拉菜单</a>
<ul class="drop-down-content">
<li><a href="#">我是1</a></li>
<li><a href="#">我是2</a></li>
<li><a href="#">我是3</a></li>
</ul>
</li>
</ul>
【ul 和 li 】标签选择器:
[在HTML中]
<ul>
<li>首页</li>
<li>体育新闻</li>
</ul>
[在CSS中] : ul,li {/*项目列表样式D*/} ——这里“,”表示两个ul和li是并列的关系,为所有有这个标识的添加上样式DD
【a】标签选择器:
[在HTML中]: <a href ="https://baike.so.com/doc/9835190-10182106.html"><img src="images/tg029logo.gif" /></a>
[在CSS中]:a:link ,a:visited { /*鼠标未点的连接样式E*/}——这里“:”表示在link和visited状态下a标记的样式,冒号表示状态
HTML的不同含义的标签选择器
头——<head></head>
内容——<body></body>
尾——<footer></footer>
文本设计
居中——<p align="center" > 或者<center>...</center>
换行——<br>
标题——<h2></h2>
空格——半角输入法状态下  或 全角状态下的空格
序列号样式○—— <ol type="circle">
<li></li>
<li></li>
</ol>
表格——<table>表</table> ;<th>表头</th>;<td>单元格内</td>
更多内容详解参考RUNOOB.COM网站
命名锚记
如同Home键,可以返回到顶部一样。
命名锚记,就是通过在想要跳转到的地方做一个标记,点击当前的引用标记,跳转到指定的地方。
例子:
<a href ="#com">点击我要评论跳到吧啦吧啦</a>
`````````此处省略一万行
<a name="com">吧啦吧啦</a>
小毛驴发现,当整理的时候,能了解更多,今天先整理到这里,之后会不断加深印象,欢迎交流!