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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,621评论 32 459
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,048评论 1 4
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,100评论 0 1
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,875评论 0 6
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,805评论 0 2