CSS初步知识

html写页面布局css修饰htmljs写效果的dw开发工具,写代码ps切图的浏览器:chrome(谷歌)firefox(火狐)ffIEdw快捷键:新建---ctrl+n保存---ctrl+s查看---f12(fn+f12)ps操作:m-------选框f8(fn+f8)信息窗口f7 (fn+f7)图层ctrl+r标尺ctrl+c剪切ctrl+n新建ctrl+v粘贴ctrl+加号放大ctrl+减号缩小空格+鼠标的左键拖拽浏览器:刷新:f5(fn+f5)ctrl+r在浏览器中会把,多个换行,或是多个空格当做一个空格来处理html:h1-----标题标签只有h1-----h6;h1 --一级标题标签h2 -- 二级标题标签以此类推到h6*h1在一个页面当中只可以用一次p------段落标签会自带默认的行距,空白部分;br ----换行标签a-----超链接 图片标签src(图片源)div---- 一个容器,一个盒子,一张白纸单标签brimg<标签名 />双标签h2 p a 起始的标签  结束的标签<标签名>属性:href超链接地址title文本提示(提示文字)alt文本替换width宽度height高度src图片源border边框style私有属性:hrefwidthheightaltsrc公有属性:title(写法)属性名=" 属性值"css:样式名:样式值;需要写在style里width:300px;  宽度height:300px高度border:边框border-width:边框的宽度border-style: 边框的线性border-color:边框的颜色background:背景background-color:背景颜色background-image: 背景图background-repeat:背景图平铺-----no-repeat不平铺-----repeat-xx轴平铺-----repeat-yy轴平铺background-position:背景图定位xy; (背景图缩写)background:图片路径 平铺 背景图定位;color:文本颜色text-align:center;文本水平居中rightleftline-height:文本的垂直居中(文字纵向居中)行高写高度border的缩写:border:边框的宽度 边框的线性 边框的颜色;线性有:solid实线dashed 虚线dotted点画线颜色:写英文:red greenblue十六进制:#33 85 ff#0 f 0如果三对不一样的话不可以缩写rgb:rgb(0-255,0-255,0-255)作业:看笔记;写课件;  text-indent:-9999em;    display:block;行变·块            display:inline; 块变·行        *行内块转换 display:inline-block

你可能感兴趣的:(CSS初步知识)