zoukankan      html  css  js  c++  java
  • CSS笔记2

    2016-11-14 12:12:13

    12 文本装饰

    Decoration:有这些值undline, overline, line-through, none;

    13 盒模型

    在css的文本框中有padding, margin, border-style, border-width,padding-left等属性。在文本框中,你还可以设置它的背景图片。background-image:url(addressname); 其中还有background-position: 其常用的值有 top bottom right left, center等background-repeat:其常用的值有no-repeat; repeat-x; repeat-y; inherit。CSS提供的盒模型实现了内容和表现样式的分离.

    14 边框的样式

    Border-style:主要的值有solid, dotted, double,dashed(破折线) groove(槽线),outset(外凸),inset(内凹),ridge(脊线)

    15 边框的圆角

    Border-radius:15px;

    Border-top-left-radius:3em;

    Border-top-right-radius:4em等

    16 id

    你定位的元素具有唯一性,请使用id,一个id只与页面的一个元素匹配,而id的使用是   元素名#id名。

    17 混合样式表

    同一个html文件中引入多个CSS样式表,和原来一样使用多个<link>标签,依次把它们引入,它们之间的顺序很重要。排在后面的会覆盖前面的样式。

    18 根据要显示页面的设备类型来调整页面的显示的样式

    这在<link>元素中有一个media属性

    <link href=”lounge-mobil.css” rel=”stylesheet” media=”screen and (max-device-450px)”)其还有其它一些值。In-max-device,还有orientation显示横向还是纵向landscape 和 portrait

     

    19 div

    Div是比较重要的一个html元素,它是一个容器,在一个html文件中我们把网页的内容,按照其相关性,把它分为一个个的逻辑区域,就是一个相对独立的区域,然后用div这个容器把它包裹起来,然后我们就可以很方便的设置这块区域的格式了。

    20 子孙选择器

    在这种选择器中只有它的子孙才能继承它的一些属性,你还可以指定为它的直接孩子等

    21.css的简写:

    padding: top right bottom left;

    margin: top right bottom left;

    若全部相同,你就只需要指定一个值,然后所有的属性都是这个值

    Border: width color style; 这些可以按照任意顺序,和个数指定值

    Background : image repeat color; 同上;

    font: font-style font-variant font-weight font-size/line-height font-family;

    (font-style font-variant font-weight)这些值是可以选的但它们必须出现font-size的前面

    /line-height 这是可选的,如果想指定直接在font-size的后面加一个/然后指定你想要的行高。

    Font-family 的名称之间要用分号隔开。

    22. span

    是把内联字符和元素的逻辑分组,这就是说它可以把一些字符,想对于其它一些字符有些区别,这是建立内联元素的分组,而div是建立块字符的逻辑分区

    自己选的路,跪着也要把它走完------ACM坑
  • 相关阅读:
    Metasploit基本命令
    Metasploit体系框架与技术模块
    Linux之grep、egrep、fgrep
    python基础-函数详解
    windows用户管理与服务器远程管理
    python基础-三分钟彻底搞懂 集合
    linux之bash特性及脚本编程基础
    location.reload(); 刷新页面 javascript:void(0)禁止点击 read.onload=function ()等待函数完成执行 { $('#img-file').attr('src', read.result) 修改图片属性
    auth模块进行验证登录,forms进行输入和后台进行渲染,novalidate前台不验证
    跨域问题,ajax上传下载文件,cookie实现登录验证,session实现登录验证,
  • 原文地址:https://www.cnblogs.com/IKnowYou0/p/6061398.html
Copyright © 2011-2022 走看看