南京推荐好的web前端培训机构 达内教育开设了专业的web前端开发课程。由专业的前端开发老师带班学习,教学内容包括HTML、CSS和JavaScript编程基础等web前端开发语言。同时学生们还需要学习各类插件安装、后台服务器端技术和数据库。经过一段时间的学习,学生能够独立完成制作网站、小程序等,并掌握综合技能,成为合格的web前端工程师。
web前端开发由网页美工发展而来,能够为不同网页界面开发出好看的网页页面,同时具有很好的兼容性,企业也越来越重视用户体验,因此对Web前端人员的需求也越来越大。
css基本内容,类选择符,id选择符,伪类,伪元素,结构,继承,特殊性,层叠,元素分类,颜色,长度,url,文本,字体,边框,块级元素,浮动元素,内联元素,定位。
链接:
link标签:
样式:
h1 { color: red; };
@import指示引入多个外部样式表的链接
css注解
/* dashucoding */
内联样式:
dashucoding
规范:
选择符 + 声明
p { color: red; } // 选择符 属性 值
p { font-weight: bold; }
伪类和伪元素
属性说明
:link超链接是一个未访问过的地址
:visited访问过的网页
:active处于活跃的状态
a { color: red; }; a:visited { color: red; };
伪元素:
:first-letter 和 :first-line 首字母 和 首行
p:first-letter { color: red; }
css有个特点是继承,可以依赖于祖先-后代关系。
!important有这个标记,表示这条规则
p { color: red !important; }
元素分类:
三种类型:块级元素,内联元素,列表项元素
块级元素有段落,标题,列表,表格,div,body等。内联元素有a,em,span等。列表项元素有li元素。
dispaly: block | inline | list-item | none
颜色:
rgb(, , ) 红蓝绿 ,白色
单位:
em 给字体的font-size值
文本:
文本缩进
text-indent <长度> | <百分比>
p { text-indent: -4em; }
text-align属性
用于元素中文本行的对齐方式
text-align: left | center | right | justify
white-space空白
white-space pre | nowrap | normal
p { white-space: normal; } 将如何空白压缩成单个空白符
white-space属性值为pre,可以将元素内的空白忽略。
p { white-space: pre; }
行高:
line-height文本行的基线间的距离。
纵向对齐,vertical-align
vertical-align: baseline使元素的基线同父元素的基线对齐。
vertical-align: sub; vertical-align: super;
低端对齐: vertical-align
对齐:vertical-align
vertical-align: top; vertical-align: text-top;
中间对齐:
vertical-align: middle;
文字间隔:
word-spacing 长度 | normal
word-spacing: 0.3em;
字母间隔:
letter-spacing: 长度 | normal
文本转换:
text-transform uppercase | lowercase | capitalize | none
文本修饰:
text-decoration: none | overline | line-through