美文网首页
html,CSS随写笔记

html,CSS随写笔记

作者: 随风而去_c0e8 | 来源:发表于2017-09-08 17:16 被阅读0次

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;
}

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


相关文章

  • html,CSS随写笔记

    html概括 html并不是编程语言,总的来说:是一组用来描述结构和格式的标记语言。html标签由一对尖括号以及括...

  • js操作样式

    CSS HTML 笔记

  • CSS入门学习笔记

    CSS学习笔记 CSS= 层叠样式表 cascading style sheets HTML 表达结构 , CSS...

  • 高效学习 react 笔记七:react 里的 css 方案

    传统的css方案 css in html 直接在 html 里面写 css 或者用 link 引入 像这个样子 r...

  • HTML5学习笔记 - 前5天

    一、解释什么是HTML、XHTML、CSS? 二、写出HTML5基本结构 三、写出HTML、CSS基本语法 四、写...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • web前端笔记2:CSS入门

    学习和完成任务二的笔记任务二:零基础HTML及CSS编码(一) 学习的资料 MDN HTML入门 [MDN CSS...

  • #css 全称为“层叠样式表”

    css 全称为“层叠样式表” 声明,本文为学习慕课网HTML+CSS中CSS笔记http://www.imooc....

  • css选择器

    概述CSS(Cascading Style Sheets--层叠样式表) CSS辅助HTML写页面 语法 CSS与...

  • HTML/CSS笔记

    课程:HTML5入门 翁恺 HTML 如今的 HTML 标记更多是说明这是什么的(段落、标题...),具体长什么样...

网友评论

      本文标题:html,CSS随写笔记

      本文链接:https://www.haomeiwen.com/subject/qkggjxtx.html