HTML|CSS总结与补充

【HTML|CSS总结与补充】的更多相关文章

HTML|CSS总结与补充

知识内容: 1.HTML总结 2.CSS总结一.HTML总结详细内容见:http://www.cnblogs.com/wyb666/p/8733699.html 1.HTML介绍及前端入门 (1)HTML是一套规则,浏览器认识的规则 (2)开发者:学习Html规则开发后台程序: - 写html文件(充当模板的作用) ****** - 数据库获取数据,然后替换到html文件的指定位置(Web框架) (3)本地测试 - 找到文件路径,直接浏览器打开…

CSS应用内容补充及小实例

一.clear 清除浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .clearfix:after{ /*善用after和defore*/ content: "111"; /*注意加引号*/ clear: both; dis…

css学习_css补充知识

1.渐进增强,优雅降级 2.浏览器前缀 3.背景渐变 4.css 验证工具 2种方式:第2种支持验证本地的css(推荐) 5.css压缩 ----(节约空间,节省带宽) 6.旋转轮播图案例: 注意: 1.3d 旋转 3d 的translateZ 2.子盒子要一般要写transform-style属性更有3d效果 3.过渡做动画 4.父元素透视属性有3d效果…

5-24 css内容的补充

1,标准文档流宏观的将,我们的web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”.而设计软件 ,想往哪里画东西,就去哪里画标准文档流下有哪些微观现象? 1.1空白折叠现象多个空格会被合并成一个空格显示到浏览器页面中.img标签换行写.会发现每张图片之间有间隙,如果在一行内写img标签,就解决了这个问题,但是我们不会这样去写我们的html结构.这种现象称为空白折叠现象. <!DOCTYPE html> <html lang="…

5-23 CSS知识的补充

1,后代选择器使用空格表示后代选择器.顾名思义,父元素的后代(包括儿子,孙子,重孙子). <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* */ div {color:blue;}…

css样式之补充。。。

css常用的一些属性: 1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline; 3.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px; 没设置之前: 设置之后: 3.外边距:margin4.内边距:padding5.居中:margin 0 auto;(只是针对盒子居中) 6内联标签是不可以设置长宽的,有时候就得把内联标签变成块级标签或者块级内联标签,这就用到了displa…

css样式之补充

css常用的一些属性: 1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline; 3.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px; 没设置之前: 设置之后: 3.外边距:margin4.内边距:padding5.居中:margin 0 auto;(只是针对盒子居中) 6内联标签是不可以设置长宽的,有时候就得把内联标签变成块级标签或者块级内联标签,这就用到了displa…