![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端开发
学习前端基础知识JavaScript、HTML以及css语言特性,学习技术框架react,Vue,angular。掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
橙子吖21
一只努力的学习技能的橙子
展开
-
css文本样式(一):css字体样式
css字体样式文字样式属性: 字体:font-family 文字大小:font-size 文字颜色:font-color 文字粗细:font-weight 文字样式:font-stylefont-family字体属性:定义元素内文字以什么字体来显示。 语法:font-family:[字体1][,字体2][,...] 说明:•含空格字体名和中文,用英文引号(“ )括起 •多个字体,用英文逗号“,”隔开 •引...原创 2021-05-05 18:05:26 · 1866 阅读 · 1 评论 -
css选择的样式(三):常用的css样式命名
常用的CSS样式命名1)页面结构页头:header 页面主体:main页尾:footer 内容:content/container容器: container 导航:nav侧栏:sidebar栏目:column页面外围控制:wrapper左右中:left right center2)导航导航:nav 主导航:mainnav子导航:subnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar菜单:menu子菜单:s...原创 2021-05-01 18:42:02 · 165 阅读 · 0 评论 -
css选择的样式(二):css选择器、css继承、层叠和优先级
一、css选择器css规则由两部分组成:选择器、声明。css选择器:标签选择器、类选择器、ID选择器、全局选择器、群组选择器、后代选择器;标签选择器:以HTML标签作为选择器;类选择器:只要通过class属性引用类选择器设置的样式,那该标签引用相应样式;ID选择器:为HTML标签添加Id属性:<p id="a"></p>; 通过ID选择器来为具有此ID的元素设置css规则:#a{color:red}。;全局选择器:所有标签设置样式*{color...原创 2021-05-01 18:35:22 · 419 阅读 · 0 评论 -
css选择的样式(一):css基本语法、css使用方法及优先级
一、css基本语法代码知识:<!DOCTYPE html><html><head> <title>css基本语法</title> <!-- css引用:写在<head></head>标签内,<style type="text/css"> css样式...</style> --> <style type="text/css"> p,h1,h2,h3,h4原创 2021-04-25 18:39:21 · 227 阅读 · 0 评论 -
html网页结构:行内和块元素、简单案例
一、行内元素和块元素概括块级元素:div , p ,form, ul,li,ol,dl,form, address,fieldset, hr, menu, table行内元素:span, strong, em, br, img, input, label, select, textarea, cite二、行内和块元素区别1)从显示效果来看,块级元素会独占一行,其宽度自动填满其父元素宽度。行内元素不会独占一行,相邻的行内元素会排列在同一行里,知道一行排不下,才会换行,其宽度随元素的内容而...原创 2021-04-21 17:40:06 · 657 阅读 · 0 评论 -
HTML表单知识:表单基本机构、表单元素、页面调整
一、表单基本机构、表单元素<!DOCTYPE html><html><head> <title>表单元素</title></head><!-- --><body><!-- 表单标签:<form>表单元素(文本框、单选框、复选框、按钮、列表等等)</form>(表单本身不可见)--><!--form标签中,以下标签实现表单元素的添加:<input原创 2021-04-21 17:10:19 · 228 阅读 · 0 评论 -
HTML表格知识:表格标签、表格属性、表格布局
一、表格的基础操作代码:<!DOCTYPE html><!-- --><html><head> <title>表格操作</title></head><body><!-- html表格标签:<table></table>表格;<tr></tr>行;<td></td>单元格。单元格标签在行标签里--><原创 2021-04-21 15:13:01 · 394 阅读 · 0 评论 -
HTML基础知识:框架、文字和段落标签、列表标签、图像和超链接标签
准备:我使用的是sublime编辑器下载地址:http://www.sublimetext.com/3一、基本语法和框架代码<!DOCTYPE html><!--用于声明文档类型--><html><head> <title>hello</title></head><body bgcolor="pink"><!-- bgcolor是背景颜色标签--><p>he.原创 2021-04-20 23:18:53 · 543 阅读 · 0 评论