html,CSS随写笔记

html概括

  • html并不是编程语言,总的来说:是一组用来描述结构和格式的标记语言。html标签由一对尖括号以及括号内的标签名组成。大多数情况下,内容会包括在一对开始标签和结束标签之间,结束标签前有个反斜杠(\)。

  • html有很多不同版本。比如DHTML,XHTML1.0,HTML5 等。

所有的html元素都具备一些属性。重要的属性如下:class, id, style, data-name, onclick。

class 属性定义了一个类,以便于使用CSS给元素添加样式或者进行DOM操作
id 属性定义了元素 ID,作用有点像class,but is only
style 属性定义了一个元素内联CSS
title 属性为元素指定了一些额外信息,在大多数浏览器里这些信息均是以小提示条的形式呈现
data-name 属性可以用来在DOM中储存一些元数据

CSS概括

  • css是一种控制内容呈现和格式的方式的语言。HTML文档可以通过一个link标签引入外部的CSS文件,也可以直接通过style标签内联CSS代码。
在CSS里,我们可以通过元素的id,class,标签名,以及它与父级标签的关系或者元素属性值来定位元素
  • 列如把所有段落的P标签的颜色改成灰色:(#999999)
p{
color:#999999
}
  • 通过id main 定位了一个div,并且设置了它的内边距:
div#main{
padding-bottom:2em;
padding-top:3em;
}
  • 把所有拥有类large的元素字体大小设置为14pt:(注意前面有个点)
.large{
font-size:14pt
}
  • div是body元素的直接子元素。现在想要隐藏下标签div:
body>div{
display:none
}
  • 设置name属性为email的input元素的宽度为150px:
input[name='email']{
width:150px;
}

就先写到这里了,想要更好的学习 还是实践来的更快,更直接,书本的知识早晚会过时,只有实践学到的才是 最有用的。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,707评论 32 459
  • 一、样式篇 第1章 初识jQuery (1)环境搭建 进入官方网站获取最新的版本 http://jquery.co...
    凛0_0阅读 8,849评论 0 44
  • 3月3日有幸到桂林参加了全国立德树人教育名家论坛暨中小学生德育工作创新与班主任专业化高级研修班。在这两...
    期1阅读 1,917评论 0 1
  • 我成为一只能听懂人话的哑巴猪,没有猪知道,也没有人知道。 在我的家族里,这是从未有过的,我知道自己无意创造了一个传...
    落筆轩阅读 3,332评论 0 4