weixin_45382875的博客

字体和文本样式(二)_09黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/18文本样式:文本缩进：text-indent文本水平对齐方式：text-align文本修饰：text-decorationline-height行高一、文本缩进属性名： text-indent取值：数字+px数字+em（推荐：1em = 当前标签的font-size的大小）二、文本水平对齐方式属性名： text-align取值：属性效果left

字体和文本样式(一)黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/11字体样式字体大小：font-size字体粗细：font-weight字体样式：font-style字体类型：font-family字体类型：font属性连写文本样式line-height行高一、 字体大小属性名： font-size取值： 数字 + px注意点：谷歌浏览器默认文字大小是16px单位需要设置，否则无效二、 字体粗细属性名： font-weight取值

CSS基础选择器_07黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/11一、标签选择器结构： 标签名 { css属性名：属性值； }作用： 通过标签名，找到页面中所有这类标签，设置样式例子：注意点：标签选择器选择的是一类标签，而不是单独某一个标签选择器无论嵌套关系有多深，都能找到对应的标签二、类选择器结构： .类名 { css属性名：属性值； }作用： 通过类名，找到页面中所有带有这个类名的标签，设置样式例子：注意点：所有标签上都有cla

CSS基础认识_06黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/11CSS语法规则引入方式书写位子作用范围使用场景内嵌式CSS写在style标签中当前页面小案例外联式CSS写在单独的css文件中，通过link标签引入多个页面项目中行内式CSS写在标签的style属性中当前标签配合js使用内嵌式：CSS写在style标签中提示： style标签虽然可以写在页面任意位置，但是通常约定写在 head 标签中写在

HTML基础（三）_05黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/07四、语义化标签1、没有语义的布局标签-div和span场景：实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签div标签：一行只显示一个（独占一行）span标签：一行可以显示多个2、有语义的布局标签（了解）（手机端）tg注意点：以上标签显示特点和div一致，但是比div多了不同的语义五、字符实体如果在html代码中同时并列出现多个空格、换行、缩进等，最终

HTML基础（二）_04黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/06三、表单场景： 在网页中显示收集用户信息的表单效果，如：登录页面、注册页面1、input系列标签input标签可以通过type属性值的不同，展示不同效果type属性值：input系列标签-文本框/文本框：在网页中显示输入单行文本的表单控件type属性值：text/password属性名说明placeholder占位符。提示用户输入内容多文本（拓展）val

HTML基础（一）_03黑马程序员web前端开发入门教程 HTML5+CSS3 2022/1/05一、列表标签1、列表的应用场景2、无序列表标签组成:标签名说明ul表示无序列表的整体，用于包裹li标签li表示无序列表的每一项，用于包含每一行的内容例子：（代码） <ul> <li>香蕉</li> <li>榴莲</li> <li>苹果

HTML标签学习_02黑马程序员web前端开发入门教程 HTML5+CSS3_02 2022/1/05一、排版标签1、标题标签：用于突出文章主题，重要程度依次递减。代码：<h1>1级标题</h1><h2>2级标题</h2><h3>3级标题</h3><h4>4级标题</h4><h5>5级标题</h5><h6>6级标题</h6>结果：在这

HTML认识 _01黑马程序员web前端开发入门教程 HTML5+CSS3_01 2022/1/05一、web标准解决的问题： 为保证不同浏览器打开效果一样。三个构成：构成语言说明结构HTML (秃鸟）页面元素和内容表现CSS（毛鸟）网页元素的外观和位置等页面样式（如：颜色、大小等）行为JavaScript （飞鸟）网页模型的定义与页面交互二、HTML感知HTML的概念: HTML（Hyper Text Markup Language）