前端html5
artificial_smile
这个作者很懒,什么都没留下…
展开
-
盒子模型
1、文档流 块元素和行内元素 2、盒子模型 content 内容区 padding 内边距 四个方向padding-top,right,bottom,left 简写:padding:10px 20px 30px 40px(注意:内边距的设置会影响盒子的大小,背景颜色会延伸到内边距上) border 边框 需要设置border-width,border-color,border-style,不过可以简写border:solid red 30px; margin 外边距(...原创 2020-12-02 00:31:36 · 75 阅读 · 0 评论 -
2020-12-01
1、样式继承 就是子承父业嘛,反正在祖先元素和后代元素之间,但也并什么样式都能继续,如背景相关的,和布局相关的等都不会被继承的。 2、选择器权重 内联样式 (嵌套在元素里设置的) 1000 1,0,0,0 id选择器 100 0,1,0,0 类,伪类选择器 10 0,0,1,0 元素选择器 1 0,0,0,1 通配选择器 ...原创 2020-12-01 00:18:31 · 52 阅读 · 0 评论 -
2020-11-29
1、关系选择器 首先,先了解有几种关系: 父元素:直接包含子元素的元素 子元素:直接被父元素包含的元素 祖先元素:直接或间接的包含后代元素的元素;所以父元素也是祖先元素 后代元素:直接或间接被祖先元素包含的元素;子元素也是后代元素 兄弟元素:拥有相同父元素的元素 1、子元素选择器: 作用:选中指定父元素包含的子元素 语法:父元素>子元素{} 2、后代元素选择器: 作用:选中指定元素内的后代元素 语法:祖先 后代{} (中间是用空格隔开的) 3、兄弟选择器 作用:选中下一个兄.原创 2020-11-30 00:10:48 · 230 阅读 · 0 评论 -
2020-11-28
1、css常用选择器的学习: 1、元素选择器: 作用:根据标签名来选择;语法:标签名{} ;例子:p{}、h{} 2、id选择器: 作用:根据元素id属性值选择;语法:#id值{} 3、类选择器: 作用:通过类名来选择;语法:.类名{} 4、通配选择器: 作用:所有的元素都被选择;语法:*{} <head> <title></title> <...原创 2020-11-28 23:31:34 · 72 阅读 · 0 评论 -
2020-11-27
html5的 学习 在网页中html是负责网页的结构的 1、语义化标签的学习: a.标题标签有六级h1-h6,重要程度最高的是h1依次降低,重要性仅次于title标签,一般情况下一个网页只有一个h1标签 b.在页面中,独占一行的元素叫块元素(block element)如:p ,h 等 c.在页面中不会独占一行的元素叫行内元素(inline element) d. em标签表示语音语调的加重(读音,语气),行内元素 e.strong标签表示强调重要的内容,行内元素 f. q 标签表示短句的引原创 2020-11-28 00:27:35 · 90 阅读 · 0 评论 -
2020-11-26
HTML5的学习 1、html的基本框架: <!-- 文档声明--> <!doctype html> <html lang="en"> <head> <!--字符集,避免乱码问题,utf-8堪称万国码 --> <meta charset="utf-8"> <meta name="keywords" content="html,css,前端"> &原创 2020-11-27 23:24:06 · 79 阅读 · 0 评论